# Export Tailwind

> Export the current design system as a Tailwind CSS configuration. Generates theme.extend with colors, fonts, spacing, shadows, and custom screens.

- Skill: `dragoon0x/export-tailwind` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dragoon0x/export-tailwind`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/export-tailwind/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-tailwind

---


# /export-tailwind — Tailwind Config Export

Generate a tailwind.config.js theme extension:

```js
module.exports = {
  theme: {
    extend: {
      colors: { /* full palette + semantic */ },
      fontFamily: { display: [...], body: [...], mono: [...] },
      fontSize: { /* type scale */ },
      spacing: { /* spacing scale */ },
      boxShadow: { /* elevation system */ },
      borderRadius: { /* radius scale */ },
      screens: { /* breakpoints */ }
    }
  }
}
```

Include all computed values, not references to other tokens.