← ClaudeAtlas

design-system-extractorlisted

Extract and reconcile an existing product design system from authorized screenshots, design files, tokens, stylesheets, components, and shipped flows, preserving provenance, confidence, states, responsive rules, accessibility, exceptions, and migration impact. Use when the deliverable is an evidence-backed as-is system map or consolidation plan. Do not use to invent a greenfield visual direction, critique one flow, implement a supplied design, or imitate a third-party product.
SylphxAI/skills · ★ 1 · Web & Frontend · score 74
Install: claude install-skill SylphxAI/skills
# Design System Extractor Recover the system the product actually uses. Keep observed facts, inference, and proposed normalization visibly separate. ## Workflow 1. Confirm source ownership/authorization, target product versions, platforms, themes, locales, viewport classes, source recency, and intended consumers. 2. Read `references/design-system-extraction-systems.md`. 3. Build a source and coverage ledger before naming tokens. Capture code/design locators, visible state, viewport, platform, theme, locale, frequency, and confidence for every observation. 4. Extract the dependency graph: raw values -> primitives -> semantic tokens -> component anatomy/variants/states -> compositions -> complete workflows. 5. Reconcile contradictions using source authority, shipped usage, recency, accessibility, and product intent. Label each decision `observed`, `inferred`, `proposed`, `intentional_exception`, or `unresolved`. 6. Model responsive constraints, density, content stress, input modality, platform conventions, motion/reduced motion, localization, and non-happy states rather than cataloguing default screenshots only. 7. Identify duplicate values/components, semantic collisions, missing states, inaccessible patterns, and migrations. Preserve intentional variants with rationale instead of flattening every difference. 8. Validate by reconstructing or auditing representative flows against the extracted system, including at least one dense, error, load