design-md
Installation
SKILL.md
Design System Generator — DESIGN.md Skill
What This Skill Does
Generate a DESIGN.md file that serves as the single source of truth for prompting
Google Stitch to produce new screens with faithful
visual consistency. The file encodes the design language in natural, descriptive language
paired with precise values — the format Stitch's AI agent interprets best.
The skill operates in three modes depending on what the user provides:
| Mode | Trigger | Input |
|---|---|---|
| Repo Mode | "analyze this codebase / repo" | Local directory path |
| URL Mode | "based on this site / URL" | One or more URLs |
| Brand Mode | "inspired by [Brand]" | Brand name (no URL) |
Load the relevant reference file for the active mode before proceeding.