Summary
This handles the system-level orchestration when you're building a design system with Tailwind CSS v4.1+ and shadcn/ui. It walks you through defining design tokens as CSS variables (using oklch for perceptual uniformity), setting up theming infrastructure with light/dark mode support, and wrapping shadcn components into constrained primitives that enforce your token usage. The workflows include validation checkpoints to verify tokens are defined correctly and components are using the right variables. Use this when you need centralized theming and token management, not just one-off component styling. It's opinionated about the CSS-first approach over JavaScript config, which makes sense for modern Tailwind but assumes you're working with newer versions.
Install to Claude Code
npx -y skills add giuseppe-trisciuoglio/developer-kit --skill tailwind-design-system --agent claude-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
