Coder UI — Design agent for Claude Code
The coder, plus the in-app browser.
How to install Coder UI
Installs to ~/.claude/agents/ccrouse-mvc-build-skill-coder-ui.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/ccrouse-mvc/build-skill/HEAD/agents/coder-ui.md -o ~/.claude/agents/ccrouse-mvc-build-skill-coder-ui.md Restart Claude Code, or start a new session, for it to be picked up.
What Coder UI does
name: coder-ui description: The coder, plus the in-app browser. Use INSTEAD of coder when the piece changes HTML, CSS, a component or a screen, or when its acceptance check has to run in a real browser. Carries more context per turn than coder, so do not use it for server, data, script or infra work. Runs on Opus with Chuck's frontend-design-standards preloaded. Obeys the project's CLAUDE.md. Does not commit, does not push, does not spawn further agents. model: claude-opus-5-5 effort: medium
Alternatives in Design
- Absorption Check — Warm per-round absorption check for design.md and track files: two-way coverage match between the research log 432 ★
- Oya Browser — Use this agent for browser interaction, current web research, visual inspection, screenshots, and web UI testi 352 ★
- Shep Storybook Story Creator — Creates ONE Storybook story file colocated with a web UI component under src/presentation/web/components/, cov 247 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Verification
Use proactively after a UI or user-flow change to prove it works in a real browser: staging smoke runs, screen
Gfd Coder Frontend
grace-feature-dev implementer for SCREEN cards (card type screen). Same contract as gfd-coder — one card, fres
Visual Judge
THE single visual acceptance pass for a rendered deliverable of these types only — pptx, docx, xlsx, pdf, post
Coder TypeScript
Implementation engineer for JavaScript, TypeScript, HTML and CSS code, backed by the webnav MCP (type-checked
Help Center Writer
Writes and fixes Intercom help articles strictly from the product's code and UI strings. Runs the pre-write ch
Persona Review Orchestrator
Runs a citizen/user persona panel over a piece of UX, copy, or content — samples real-distribution-grounded Ko
Related Skills
Tailwindcss V4
Get up-to-date Tailwind CSS v4 documentation and help with frontend styling, utilities, and design changes. Us
Artifacts Builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech
Design Framework
Convert HTML/CSS design output to framework-specific component code. Supports web: React+Tailwind, Vue 3+UnoCS