Ux Design Systems

This gives you the scaffolding for building actual design systems: design tokens as CSS variables or TypeScript objects, component variants using class-variance-authority, and theme switching patterns for dark mode. It's useful when you're setting up a component library from scratch or standardizing an existing UI. The button component example shows the CVA pattern pretty clearly, which is nice if you're tired of prop drilling classNames everywhere. Worth noting it assumes you're in a React/TypeScript world and leans on Tailwind conventions. If you're implementing design tokens or building themeable components, this gets you past the "how should I structure this" phase quickly.

Install to Claude Code

npx -y skills add hoodini/ai-agents-skills --skill ux-design-systems --agent claude-code