Design Specification Extraction

Extract comprehensive, production-ready JSON design specifications from visual inputs using a 7-pass serial subtask architecture that ensures complete coverage and cross-validation.

When to Use This Skill

• Extracting design tokens from Figma exports or screenshots
• Converting visual mockups into structured component specifications
• Creating developer handoff documentation from designs
• Generating design system documentation from existing UIs
• Preparing design data for code generation tools
• Analyzing website screenshots for design reverse-engineering

Output Format

The extraction produces JSON following the W3C Design Tokens Community Group (DTCG) 2025.10 format with extensions: