Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
Color and shape language translation
DESIGN.md file created
100%
100%
5-section structure
0%
100%
Descriptive color names
0%
100%
Hex codes present
100%
100%
Functional color roles
100%
100%
Shape physical description
25%
75%
Shadow designer language
25%
66%
Evocative atmosphere
60%
100%
No raw Tailwind classes
0%
22%
Navigation state described
100%
100%
Without context: $0.2115 · 1m 20s · 8 turns · 57 in / 3,675 out tokens
With context: $0.4932 · 2m 11s · 21 turns · 20 in / 6,382 out tokens
Component styling and functional role documentation
DESIGN.md created
100%
100%
Button shape described
80%
80%
Button variants documented
100%
100%
Card shadow language
70%
70%
Card corner described
62%
75%
Card hover behavior
87%
100%
Form input stroke described
50%
87%
Form focus state documented
75%
87%
Functional role explained
100%
100%
Consistent terminology
100%
90%
No untranslated Tailwind
70%
60%
Without context: $0.2962 · 1m 54s · 9 turns · 9 in / 5,705 out tokens
With context: $0.4734 · 2m 20s · 18 turns · 18 in / 6,186 out tokens
Atmosphere articulation and typography documentation
DESIGN.md created
100%
100%
Evocative atmosphere adjectives
100%
100%
Atmosphere specificity
100%
100%
Typography hierarchy documented
83%
100%
Letter-spacing described
100%
100%
Section label described
100%
100%
Card depth documented
87%
100%
Nav blur/transparency noted
100%
100%
Layout whitespace described
80%
90%
No raw CSS values as descriptions
66%
77%
Accent color role explained
100%
100%
Without context: $0.3084 · 1m 45s · 9 turns · 10 in / 5,304 out tokens
With context: $0.4258 · 1m 58s · 15 turns · 64 in / 5,616 out tokens
ad0b5cc
Table of Contents
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.