hekivo

Design Extractor — Testing & QA agent for Claude Code

Testing & QA community

Extracts precise design specifications from Paper/Figma/Stitch MCPs or local reference images; produces structured spec files (typography, colors, spacing, SVGs, layout) in two modes — PANORAMIC for f.

How to install Design Extractor

Installs to ~/.claude/agents/hekivo-superpowers-sage-design-extractor.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/hekivo/superpowers-sage/HEAD/agents/design-extractor.md -o ~/.claude/agents/hekivo-superpowers-sage-design-extractor.md

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

What Design Extractor does

name: superpowers-sage:design-extractor description: Extracts precise design specifications from Paper/Figma/Stitch MCPs or local reference images; produces structured spec files (typography, colors, spacing, SVGs, layout) in two modes — PANORAMIC for full-project token extraction and SURGICAL for per-component deep extraction model: sonnet tools: Read, Write, Glob, ToolSearch, mcp__paper__get_basic_info, mcp__paper__get_tree_summary, mcp__paper__get_node_info, mcp__paper__get_computed_style

Alternatives in Testing & QA

Codex Debugger — Root-cause a failing test, crash, stack trace, or misbehaving feature by delegating the investigation to OpenA 249 ★
Reference Pack Curator — 원본 레퍼런스를 미러링하는 프리미엄 팩을 집필하는 큐레이터 188 ★
Designer Agent — Product/UI Designer for the Movie DB KMP app 105 ★