---
id: pedronauck/skills/design-spec-extraction
version: "cffc8ccb"
license: none
install: manual
updated: 2026-07-26
---

# Design Spec Extraction — Design Spec Extraction converts visual inputs—screenshots, mockups, and design exports—into structured JSON specifications following W3C Design Tokens standards. The skill uses a 7-pass serial architecture to extract layout, colors, typography, components, spacing, accessibility data, and state information, writing each phase to disk for validation and resumption.

Publisher: pedronauck · Stars: 541 · Updated: 2026-07-26

Install (manual): `git clone https://github.com/pedronauck/skills`

*Unlicensed repository - metadata only, no file contents reproduced.*

[View on SkillFed](https://skillfed.io/pedronauck/skills/design-spec-extraction) · [View on GitHub](https://github.com/pedronauck/skills)