Back to skills

design-md

design

Analyzes screens in a Stitch project and writes a DESIGN.md file that captures the visual design system in natural language. It extracts color palettes, typography, component styles, and layout princi

Setup & Installation

npx skills add https://github.com/google-labs-code/design-md --skill design-md
or paste the link and ask your coding assistant to install it
https://github.com/google-labs-code/design-md
View on GitHub

What This Skill Does

Analyzes screens in a Stitch project and writes a DESIGN.md file that captures the visual design system in natural language. It extracts color palettes, typography, component styles, and layout principles from screen HTML and metadata, translating technical Tailwind values into descriptive terms Stitch can use when generating new screens. Reading through HTML and Tailwind classes to reconstruct a coherent design language is slow and error-prone — this skill does it in one pass and produces a structured file Stitch accepts directly as prompt context.

When to use it

  • Working with design md functionality
  • Implementing design md features
  • Debugging design md related issues