DESIGN.md Extractor

How to use DESIGN.md Extractor

1. Pick a sample site profile or fill in your own brand, URL and audience
2. Edit the typography, color, spacing, radius, shadow and motion tokens
3. Preview the generated DESIGN.md or SKILL.md in its tab
4. Copy or download the file and use it in Stitch, Claude Code, Codex or Cursor

Features

• Real DESIGN.md and SKILL.md generators ported from the repo
• 11 sections from Mission to Quality Gates in every file
• 6 extraction signals from the content script
• 3 sample site profiles with real token shapes
• WCAG 2.2 AA rules in every generated file

Frequently asked questions