# M Tokens

> Generate a complete design token set from the current codebase. Extracts colors, type, spacing, shadows, radii and outputs as CSS variables, Tailwind, SCSS, or JSON.

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

---

# /m-tokens — Generate Tokens
Analyze the codebase and extract a token system:\n\n1. Discover all color values, group similar ones, generate palette\n2. Detect type scale ratio, output scale tokens\n3. Map spacing values to nearest 4px grid, output scale\n4. Extract shadow patterns, normalize to elevation system\n5. Map radii to a scale\n\nOutput in 4 formats: CSS custom properties, Tailwind config, SCSS variables, W3C Design Tokens JSON.