Media
4 items
Description
Export any shadcn preset on ui.shadcn.com/create as a design.md file. 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