design-spec-extraction
Extract comprehensive JSON design specifications from visual sources including Figma exports, UI mockups, screenshots, or live website captures. Produces W3C DTCG-compliant output with component trees, suitable for code generation, design documentation, and developer handoff.
Packaged view
This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.
Install command
npx @skill-hub/cli install cygnusfear-claude-stuff-design-spec-extraction
Repository
Skill path: skills/design-spec-extraction
Extract comprehensive JSON design specifications from visual sources including Figma exports, UI mockups, screenshots, or live website captures. Produces W3C DTCG-compliant output with component trees, suitable for code generation, design documentation, and developer handoff.
Open repositoryBest for
Primary workflow: Design Product.
Technical facets: Full Stack, Frontend, Designer.
Target audience: Development teams looking for install-ready agent workflows..
License: Unknown.
Original source
Catalog source: SkillHub Club.
Repository owner: Cygnusfear.
This is still a mirrored public skill entry. Review the repository before installing into production workflows.
What it helps with
- Install design-spec-extraction into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
- Review https://github.com/Cygnusfear/claude-stuff before adding design-spec-extraction to shared team environments
- Use design-spec-extraction for development workflows
Works across
Favorites: 0.
Sub-skills: 0.
Aggregator: No.