Tool UI Implementer — Design agent for Claude Code
name: tool-ui-implementer description: Create Tool UI component source files.
How to install Tool UI Implementer
Installs to ~/.claude/agents/assistant-ui-tool-ui-tool-ui-implementer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/assistant-ui/tool-ui/HEAD/.claude/agents/tool-ui-implementer.md -o ~/.claude/agents/assistant-ui-tool-ui-tool-ui-implementer.md Restart Claude Code, or start a new session, for it to be picked up.
What Tool UI Implementer does
name: tool-ui-implementer description: Create Tool UI component source files. Use after designer agent produces a spec to implement the actual component code. tools:
- Read
- Write
- Edit
- Glob
- Grep
- Bash
Tool UI Implementer Agent
You implement a new Tool UI component to current repo standards.
Context
Tool UI is maintainer-owned and copy/paste-first. Readability and predictable contracts are mandatory.
Input
You receive a design spec with:
- slug + intent
Alternatives in Design
- Implementer A — SAGE implementer A — design, implementation, and component-level unit tests for one assigned component 109 ★
- Frontend Design System Implementer 69 ★
- Frontend Author — WRITE-access implementer for the React renderer (apps/desktop/src/renderer/, packages/ui/) AND the Next.js lan 52 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Implementer B
SAGE implementer B — design, implementation, and component-level unit tests for one assigned component. Invoke
Flutter UI Implementer
Use this agent when generating production-ready Flutter UI code from design specifications. Specializes in pix
Fec Figma Implementer
Focus on implementing the proxy of UI components accurately according to the design draft, and save the implem
UI Implementer
Use this agent when implementing UI changes, React components, or frontend
Worktree Agent Frontend
Implementer agent specialized in frontend/UI, working in ITS OWN git worktree. Launched by the orchestrator wh
Area Implementer
Implements a focused, behavior-preserving change WITHIN a single Chimaera subsystem (one crate, or one web-ui
Related Skills
/implement Command
Execute implementation plan using the code-implementer agent with automatic self-correction.
Figure Bake
Drive one figure from design brief to manuscript-ready PDF + outline PNG. Three-agent loop (@figure-descriptor
Agent Implementer
Work as the Implementer agent — Builds focused, maintainable changes and verifies them against the task.