Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step mandatory pattern: define CSS variables at root, map to Tailwind utilities, apply base styles, get automatic dark mode. Use when: initializing React projects with Tailwind v4, setting up shadcn/ui dark mode, or fixing colors not working, theme not applying, CSS variables broken, tw-animate-css errors, or migrating from v3. plugins: [react(), tailwindcss()], resolve: { alias: { @: path.resolve(_
/plugin marketplace add jezweb/claude-skills/plugin install jezweb-tailwind-v4-shadcn-skills-tailwind-v4-shadcn@jezweb/claude-skillsMigrate your code and prompts from Sonnet 4.x and Opus 4.1 to Opus 4.5.
Frontend design skill for UI/UX implementation
Adds educational insights about implementation choices and codebase patterns (mimics the deprecated Explanatory output style)
Easily create hooks to prevent unwanted behaviors by analyzing conversation patterns