CtrlK
BlogDocsLog inGet started
Tessl Logo

design-md

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

Invalid
This skill can't be scored yet
Validation errors are blocking scoring. Review and fix them to unlock Quality, Impact and Security scores. See what needs fixing →
SKILL.md
Quality
Evals
Security

Evaluation results

86%

39%

Design System Documentation: DataPulse Analytics Dashboard

Color and shape language translation

Criteria
Without context
With context

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

86%

4%

Design System Documentation: Lumen SaaS Platform Components

Component styling and functional role documentation

Criteria
Without context
With context

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

97%

5%

Design System Documentation: NovaDeploy Developer Platform

Atmosphere articulation and typography documentation

Criteria
Without context
With context

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

Repository
google-labs-code/stitch-skills
Evaluated
Agent
Claude Code
Model
Claude Sonnet 4.6

Table of Contents

Is this your skill?

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.