secondsky avatar

tailwind-v4-shadcn

Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects with Tailwind v4, setting up shadcn/ui, implementing dark mode, debugging CSS variable issues, fixing theme switching, migrating from Tailwind v3, or encountering color/theming problems. Covers: @theme inline pattern, CSS variable architecture, dark mode with ThemeProvider, component composition, vite.config setup, common v4 gotchas, and production-tested patterns.

version
3.9.0
GitHub stars
248

Install

/plugin install tailwind-v4-shadcn@claude-skills

Run it inside Claude Code after adding the marketplace with /plugin marketplace add secondsky/claude-skills.

Sponsors

Details

Marketplace
secondsky/claude-skills
Source
plugins/tailwind-v4-shadcn
Category
Frontend
Keywords
tailwind-v4-shadcn, tailwind, shadcn, frontend, components, css, themeprovider

More from secondsky/claude-skills

All 176