partme-ai

Pencil UI Designer — Testing & QA agent for Claude Code

Testing & QA community

Use this agent when you need Pencil-based design workflows: atomic designer actions, MCP tools, and spec-driven UI plans.

How to install Pencil UI Designer

Installs to ~/.claude/agents/partme-ai-full-stack-skills-pencil-ui-designer.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/partme-ai/full-stack-skills/HEAD/agents/pencil-ui-designer.md -o ~/.claude/agents/partme-ai-full-stack-skills-pencil-ui-designer.md

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

What Pencil UI Designer does


name: pencil-ui-designer description: "Use this agent when you need Pencil-based design workflows: atomic designer actions, MCP tools, and spec-driven UI plans. Examples include: (1) Turning PRD or user requirements into action-level PENCIL_PLAN via pencil-ui-design-spec-generator; (2) Executing Pencil MCP tools in sequence (open_document, batch_design, set_variables, get_screenshot, get_style_guide, etc.) to simulate designer operations; (3) Initializing design systems (Layui, Ant Design, B

Alternatives in Testing & QA

  • Playwright Test Generator — Use this agent when you need to create automated browser tests using Playwright Examples: Context: User wants 246 ★
  • Skill Creator — Generate spec-compliant skills for the cc-polymath library 131 ★
  • Designer Agent — Product/UI Designer for the Movie DB KMP app 105 ★

Full documentation available on GitHub

View Source Repository