Design System Extractor

Use this skill to turn scattered UI into a coherent design system an agent can reuse.

Workflow

1. Identify source surfaces, product type, platforms, brand constraints, and target consumers of the system.
2. Read references/design-system-extraction-systems.md.
3. Inventory tokens, components, states, layout patterns, content patterns, motion, accessibility, and exceptions.
4. Normalize into canonical names and separate primitives from product-specific components.
5. Produce a design-system map with gaps, duplicates, migration plan, and validation checks.

When not to use

• Do not use for generic advice the base model already handles without this skill's specific artifact contract.

Guardrails