designmdme CLI

designmdme turns any public website into a DESIGN.md — a structured Markdown spec of that site's design system (color tokens, typography scale, spacing, border radius, shadows/elevation, and component patterns). It can optionally also produce a self-contained HTML preview that renders those tokens as live visual specimens.

The DESIGN.md is built to be fed to coding agents: when a user asks you to build or restyle a UI to match a real brand, generate the spec first, read it, then write code against its exact token values instead of guessing colors and fonts.

When to use this skill

Use it whenever the task depends on an accurate, real design system from a live site: