# Export CSS

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

- Skill: `dragoon0x/export-css` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dragoon0x/export-css`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/export-css/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: dragoon0x (https://skillmd.com/u/dragoon0x)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dragoon0x/export-css

---


# /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:
```css
: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.