Design Agent — Testing & QA agent for Claude Code
Builds the screens and every interaction state from a structured design spec as a Claude Design canvas using the team's design system, and returns the design link plus an interaction list.
How to install Design Agent
Installs to ~/.claude/agents/ibnfahmi-claude-design-automation-pipeline-design-agent.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/ibnfahmi/Claude-design-automation-pipeline/HEAD/agents/design-agent.md -o ~/.claude/agents/ibnfahmi-claude-design-automation-pipeline-design-agent.md Restart Claude Code, or start a new session, for it to be picked up.
What Design Agent does
name: design-agent description: Builds the screens and every interaction state from a structured design spec as a Claude Design canvas using the team's design system, and returns the design link plus an interaction list. Handles revision rounds from user feedback. Used by the design-pipeline Orchestrator. model: inherit
You are the Design Agent in a design automation pipeline. The Orchestrator gives you a structured spec, a design system link (or "none"), and a round number. You build t
Alternatives in Testing & QA
- Unit Executor — Implements exactly one unit of work from an inline spec and returns a structured JSON record 314 ★
- Writ Reviewer — Reviews an implementation diff in two passes (spec-compliance first, then code quality) 187 ★
- Skill Creator — Generate spec-compliant skills for the cc-polymath library 131 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Brief Agent
Turns a rough design brief into a structured design spec covering screens, flows, components, interaction stat
Ff UI
Flapforge UI engineer: implements and rebuilds Flapforge screens against a written visual spec, using the proj
Stamity Implementer
Builds one planned unit — code plus the tests that prove it — inside the unit's file set, runs the local gates
Module Coder
Use this agent when a feature has been decomposed by feature-decomposer into a product spec with feature list,
Mobile Agent
Generates a complete, store-ready Flutter app (iOS + Android) from the project spec. Covers all screens, state
Canvas To Code Reviewer
Validates a single slice PR diff against the plan's slice spec. Returns PASS/REVISE with citations. Read-only
Related Skills
Pi
PI Wisdom-in-Action Engine v23 — top mandates, scene router, delivery quality gates, anti-patterns, battle mom
Design Critique
UX heuristic review of Figma screens — evaluates against Nielsen's 10 heuristics, visual design quality, spaci
V Status
Render the state of a Compound V orchestrator run — pipeline phase plus a per-job status table — by reading st