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.

dragoon0x 59eb0f9 647 B Updated

File contents

/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.

dragoon0x/meridian/tree/main/source/skills/m-tokens commit 59eb0f9501

Frequently asked questions

npx skillmds@latest add dragoon0x/m-tokens