Design system extractor
Skill frankxai/starlight-design-intelligence/skills/design-system-extractor
Use to extract reusable design-system rules from an existing site, app, screenshot set, Figma file, brand pack, or repo.From its SKILL.md
npx -y skills add frankxai/starlight-design-intelligence --skill design-system-extractorAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
- 1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
0.7 KB, 127 tokens by cl100k_base, as published. Nobody here has run it
Design System Extractor
Use this skill to turn scattered design evidence into reusable rules.
Extract
- Foundations: color, typography, spacing, radius, shadow, grid, density.
- Components: buttons, cards, forms, tables, navigation, modals, charts.
- Content: heading style, body copy, labels, empty states, CTAs.
- Motion: transitions, easing, duration, entry/exit, reduced-motion.
- Brand: motifs, imagery, icon style, product-specific rules.
Output
Return: detected system, missing tokens, component patterns, motion rules, inconsistencies, and implementation recommendations.
What ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.