create-design-md

Provide the skill with your site's URL, existing CSS or Tailwind config, or a description of your design. It extracts colors, typography, and component specs, then writes a complete 9-section DESIGN.md to your project root.

A DESIGN.md has 9 required sections: visual theme, color palette with hex values, typography rules with a hierarchy table, component stylings, layout principles, depth and elevation, do's and don'ts, responsive behavior, and an agent prompt guide.

Yes, the skill accepts existing CSS files, Tailwind configs, theme objects, or design token files as input. It extracts the values and restructures them into the standardized DESIGN.md format.

DESIGN.md is a markdown design system document optimized for LLM comprehension, originating from Google Stitch. Placing it in a project root lets AI coding agents generate UI that matches the documented brand's colors, typography, and components.

Create a directory under design-md/{lowercase-name}/ containing the DESIGN.md and a brief README.md, then update design-md/_index.md with the new entry and open a PR following the repository's CONTRIBUTING.md guidelines.