preset export
Export design system in various formats
Reference
Usage
preset export [options]
Options
- Name
-l, --layer \<id>- Type
- value required
- Description
Design system layer ID (omit for base layer)
- Name
--context-format \<format>- Type
- value required · default `claude`
- Description
Context file format (claude, cursor, copilot)
- Name
--include-css-vars- Type
- flag
- Description
Include CSS variables block
- Name
--output-format \<format>- Type
- value required · default `js`
- Description
Output format for tailwind (js, ts, json)
- Name
--color-format \<format>- Type
- value required · default `css-vars`
- Description
Color format (css-vars or direct)
- Name
--tailwind-version \<version>- Type
- value required · default `3`
- Description
Tailwind version (3 or 4)
- Name
-v, --verbose- Type
- flag
- Description
Show detailed output
- Name
-t, --tokens \<path>- Type
- value required
- Description
Path to tokens file
- Name
-p, --presets \<path>- Type
- value required
- Description
Path to presets file or directory
- Name
--include-code- Type
- flag
- Description
Include component code
- Name
--include-tokens- Type
- flag
- Description
Include design tokens
- Name
--description \<text>- Type
- value required
- Description
Project description (for context export)
- Name
--author \<name>- Type
- value required
- Description
Author name
- Name
--homepage \<url>- Type
- value required
- Description
Registry homepage URL
- Name
-n, --name \<name>- Type
- value required · default `my-design-system`
- Description
Registry/export name
- Name
-f, --format \<type>- Type
- value required · default `v0-registry`
- Description
Export format (v0-registry, json, tailwind, context, css, markdown)
- Name
-o, --output \<file>- Type
- value required
- Description
Output file path
Source
Defined in packages/cli/src/commands/export.ts.
Last reviewed by @jschuyler