Design Extractor banner
hekivo hekivo

Design Extractor

Testing & QA community

Description

--- 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

Installation

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.

Full documentation available on GitHub

View Source Repository