skillFrontend Skills1 min read
tailwind-design-system
Ship a real design system on Tailwind v4 instead of a pile of utility classes.
Design-token architecture, CVA patterns, compound components, and v3→v4 migration — opinionated and production-focused.
bash
/plugin marketplace add wshobson/agents/plugin install frontend-mobile-development@claude-code-workflowsSummary
Treats Tailwind v4 as the substrate for an actual design system, not a style-as-you-go tool. Covers semantic color tokens in @theme, CVA variants, compound component patterns, and responsive/accessibility defaults. Includes the v3→v4 migration gotchas you only learn after breaking prod. Best for teams scaling from "Tailwind looks good" to "Tailwind is our design system."
More in Frontend Skills
- 1 min readwebapp-testingYour agent runs your app, clicks through it, and actually verifies the UI — not just that types check.Read
- 1 min readfrontend-designA design philosophy skill that prevents generic "AI slop" interfaces and pushes toward distinctive UI with a strong, intentional aesthetic.Read
- 1 min readfigma-to-codeFor those striving for pixel-perfect UI implementation.Created by EnpitechRead