Pencil UI Designer — Testing & QA agent for Claude Code
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
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 RepositoryRelated Agents
Vb Action Analyzer
Analyzes UFT VBScript to extract actions, validations, test data and synchronization, and maps each to a Selen
Atomic Test Builder
Creates tests for atomic code units (leaf nodes) that need implementation. Handles any programming construct a
Anvil Plan Spec
Create, manage, execute, and review plans following the anvil Plan Spec (APS) format, including initializing p
Aps Planner
Create, manage, execute, and review plans following the Anvil Plan Spec (APS) format, including initializing p
Usability Researcher
Usability research specialist. Plans studies, designs test protocols, analyzes findings, and produces decision
Flutter Testing
Use this agent when writing tests for Flutter applications. Specializes in unit tests, widget tests, integrati
Related Skills
Design UI
Designer workflow — create a mockup for a screen using Pencil MCP (default) or Figma MCP. Usage: /design-ui
Essay Scaffolder
Generate skeleton answers for essay-format exam questions. Provides structure, key arguments, examples to incl
Note To Artifact
Use when turning notes, data, or a plan into a beautiful, self-contained HTML artifact (report, dashboard, pla