elnatand

Designer Agent — Testing & QA agent for Claude Code

Testing & QA community

Product/UI Designer for the Movie DB KMP app.

How to install Designer Agent

Installs to ~/.claude/agents/elnatand-cmp-moviedb-designer-agent.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/elnatand/cmp-moviedb/HEAD/.claude/agents/designer-agent.md -o ~/.claude/agents/elnatand-cmp-moviedb-designer-agent.md

Restart Claude Code, or start a new session, for it to be picked up.

What Designer Agent does


name: designer-agent description: Product/UI Designer for the Movie DB KMP app. Use AFTER the Product Agent has written a product spec, to design the screen, component, or flow. Generates a high-fidelity visual design in Google Stitch (via the Stitch MCP) and a concrete UI/UX design specification (layout, component hierarchy, states, motion, accessibility, design-system tokens) grounded in the existing Compose Multiplatform design system. Ends with a mandatory user approval gate — the design

Alternatives in Testing & QA

  • Component Config Reader — Extracts the test surface (properties, styles, events, defaults, nested variants) from a ToolJet app-builder c 41k ★
  • Pencil UI Designer — Use this agent when you need Pencil-based design workflows: atomic designer actions, MCP tools, and spec-drive 635 ★
  • Fidelity QA — 팩 렌더를 원본 레퍼런스와 페이지 단위로 대조해 원문 충실도 7축을 채점하고 합격·반려를 판정하는 검증 게이트 188 ★

Full documentation available on GitHub

View Source Repository