@jezweb/design-system

Extract a complete design system from an existing website or screenshot into a DESIGN.md file. Analyses colours, typography, component styles, spacing, and atmosphere through browser automation and HTML inspection. Produces a semantic design system document optimised for consistent page generation. Triggers: 'extract design system', 'design system', 'create DESIGN.md', 'analyse the design', 'what design does this site use', 'extract styles from', 'reverse engineer the design'.

View in AI SkillSafe app
Scanned · no findings
0 downloads
0 stars
0 demos
SKILL.md

Embed badges

Add these to your README to show the skill's verification status.

SkillSafe verified badge
Verified badge
[![SkillSafe verified badge](https://api.skillsafe.ai/v1/badge/@jezweb/design-system/verified)](https://skillsafe.ai/skill/@jezweb/design-system/)
Installs badge
Installs badge
[![Installs badge](https://api.skillsafe.ai/v1/badge/@jezweb/design-system/installs)](https://skillsafe.ai/skill/@jezweb/design-system/)
Scan badge
Scan badge
[![Scan badge](https://api.skillsafe.ai/v1/badge/@jezweb/design-system/scan)](https://skillsafe.ai/skill/@jezweb/design-system/)
Eval pass rate badge
Eval pass rate
[![Eval pass rate badge](https://api.skillsafe.ai/v1/badge/@jezweb/design-system/eval)](https://skillsafe.ai/skill/@jezweb/design-system/)