
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-skillsRun it inside Claude Code after adding the marketplace with /plugin marketplace add secondsky/claude-skills.
Sponsors
Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthly
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any language
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- tanstack-aiv3.9.0
- tanstack-queryv3.9.0
- tanstack-routerv3.9.0
- tanstack-startv3.9.0
- tanstack-tablev3.9.0
- tech-debtv3.9.0
- technical-specificationv3.9.0
- test-quality-analysisv3.9.0
- thesys-generative-uiv3.9.0
- threejsv3.9.0
- turborepov3.9.0
- typescript-mcpv3.0.0
- typescript-migrationv3.9.0
- ultracitev3.9.0
- unknowns-discoveryv3.9.0
- vercel-blobv3.0.0
- vercel-kvv3.0.0
- verification-before-completionv3.0.0
- vitest-testingv3.9.0
- vulnerability-scanningv3.9.0
- web-performance-auditv3.9.0
- web-performance-optimizationv3.9.0
- websocket-implementationv3.9.0
- woocommerce-backend-devv3.9.0