Export CSS

Export the current design system as CSS custom properties. Includes color, typography, spacing, shadows, and radii tokens.

dragoon0x d3cb608 627 B Updated

File contents

/export-css — CSS Custom Properties Export

Extract all design tokens from the current codebase and output as a clean :root declaration block.

Group by category:

:root {
  /* Color */
  --color-surface: ...;
  
  /* Typography */
  --font-display: ...;
  --type-scale-sm: ...;
  
  /* Spacing */
  --space-1: ...;
  
  /* Shadows */
  --shadow-sm: ...;
  
  /* Radii */
  --radius-sm: ...;
}

Include dark mode overrides in a separate @media block.

dragoon0x/optik/tree/main/source/skills/export-css commit d3cb608cc6

Frequently asked questions

npx skillmds@latest add dragoon0x/export-css