Shadcn Designmd

Export any shadcn preset as a portable design spec for AI coding agents.

On ui.shadcn.com/create, a DESIGN.md button slots into the sidebar. Click it, pick a tab, copy or download.

Three formats from one click:

- DESIGN.md - human-readable narrative + agent rules (semantic tokens, FieldGroup, no manual dark:, etc.). Drop into your repo for Claude Code, Cursor, Copilot, v0, Lovable, Stitch, Gemini CLI.
- Raw decoded JSON - structured preset config (style, baseColor, theme, chartColor, font, fontHeading, iconLibrary, radius, menuAccent, menuColor) + resolved CSS vars for both themes.
- Export CSS - resolved globals.css with :root, .dark, and @theme inline blocks. Drop straight into a Tailwind v4 + shadcn project.

Output is byte-equivalent to what pnpm dlx shadcn@latest apply <code> writes.

Why this exists:
shadcn presets are great for humans. AI coding agents need rules + values + a CSS file. This gives you all three from any preset URL, locally, with zero permissions.

Privacy:
- Preset code decodes locally in your browser
- Only network call: the public theme registry chunk on ui.shadcn.com (already loaded by the page itself)
- No telemetry, no analytics, no account, no cookies
- MV3 manifest with one content_scripts match (ui.shadcn.com/create*). No activeTab, no host permissions.

Open source. MIT licensed. Source: https://github.com/rohitnirban/shadcn-design-md