oneie/.claude/skills/design/generate-design-tokens.md

Build apps, websites, and AI agents in English. Zero-interaction setup for AI agents (Claude Code, Cursor, Windsurf). Download to your computer, run in the cloud, deploy to the edge. Open source and free forever.

# Generate Design Tokens

**Category:** design
**Version:** 1.0.0
**Used By:** agent-designer

## Purpose

Creates design token definitions.

## Output

```css
@theme {
  --color-primary: 220 90% 50%;
  --color-background: 0 0% 100%;
  --spacing-unit: 4px;
  --font-heading: "Inter", sans-serif;
}
```

## Version History

- **1.0.0** (2025-10-18): Initial implementation