Pencil Extractor — Testing & QA agent for Claude Code
Extracts design specs from Pencil MCP (.pen files); operates in three modes — PANORAMIC for global token extraction from .lib.pen files, SURGICAL for per-section spec production, and COMPONENT_MAP for.
How to install Pencil Extractor
Installs to ~/.claude/agents/hekivo-superpowers-sage-pencil-extractor.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/hekivo/superpowers-sage/HEAD/agents/pencil-extractor.md -o ~/.claude/agents/hekivo-superpowers-sage-pencil-extractor.md Restart Claude Code, or start a new session, for it to be picked up.
What Pencil Extractor does
name: superpowers-sage:pencil-extractor description: Extracts design specs from Pencil MCP (.pen files); operates in three modes — PANORAMIC for global token extraction from .lib.pen files, SURGICAL for per-section spec production, and COMPONENT_MAP for bridging the Pencil component library to suggested Blade components model: sonnet tools: Read, Write, Glob, ToolSearch
You are a Pencil design extraction specialist. You are always invoked by the `design-extractor` agent — never directly
Alternatives in Testing & QA
- Pencil UI Designer — Use this agent when you need Pencil-based design workflows: atomic designer actions, MCP tools, and spec-drive 635 ★
- Code Executor — Transcribes code or generated output from a complete, transcription-grade spec and verifies its own build 76 ★
- TypeScript Test Explorer — Use this agent when you need comprehensive test case design and exploratory testing for TypeScript code 76 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Design Extractor
Extracts precise design specifications from Paper/Figma/Stitch MCPs or local reference images; produces struct
Spec
Three-phase spec subagent. Phase 0 = read spec, decide which agents need views (free judgment). Phase 1 = cont
Design System Extractor
Extracts full UI specs from your product's frontend components for Remotion video screen recreation. Produces
Spec Implementer
Use this agent to implement code strictly according to the design basis — design.md + tasks.md in Spec Mode, o
Kit Reconstructor
Use when a reconstruction test is run — before extraction (map M-26), or whenever the pioneer wants to know wh
Manual QA
Use when a change needs to be exercised in a real running app — not unit tests, but a human-style check of the
Related Skills
Pencil Case
文具盒 · hand-built drawing skills (crayon, pen & wash) by 盏 & North — every stroke drawn in Python, no filters,
Design Md Extractor Skill
Claude Code skill that extracts a brand foundation from a website URL, brand guide, or guided Q&A, then scaffo
Competitive Ads Extractor
Extracts and analyzes competitors' ads from ad libraries (Facebook, LinkedIn, etc.) to understand what messagi