Generates a complete design token system before you start building components, so you're not hardcoding colors and spacing values everywhere. It checks what already exists (Tailwind config, CSS variables, theme files) and extends rather than replaces. You get semantic color tokens for light and dark mode, a spacing scale tuned to your chosen design philosophy, typography ramp, shadows, motion values, and breakpoints. The dark mode implementation is thoughtful, not just inverted values, and it handles both system preference and manual toggles. Best used right after your design brief is settled but before touching any UI code. The token categories are opinionated in a good way, pushing you toward semantic naming instead of the usual primary-500 chaos.
npx skills add https://github.com/julianoczkowski/designer-skills --skill design-tokens