ibnfahmi

Design Agent — Testing & QA agent for Claude Code

Testing & QA community

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

Terminal
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 Repository