tailwind-v4-shadcn
v3.0.0frontend101 stars
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.
Install
/plugin install tailwind-v4-shadcn@secondsky-claude-skills
Keeps your Mac awake while Claude Code, Codex or Cursor works. Lets it sleep when they are done.
Try free for 7 days →
Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →
Block distracting apps from your iPhone permanently without a 3rd party app. Free and open source.
Block now (100% free) →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Free an open-source skills that make AI coding agents easier to understand, verify, and control.
Download for free →Contentsdiscovered from source
agents ×7
Featured
Keeps your Mac awake while Claude Code, Codex or Cursor works. Lets it sleep when they are done.
Try free for 7 days →Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →Block distracting apps from your iPhone permanently without a 3rd party app. Free and open source.
Block now (100% free) →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Free an open-source skills that make AI coding agents easier to understand, verify, and control.
Download for free →More from secondsky/claude-skillsView source
tailwind-v4-shadcn · tailwind · shadcn · frontend · components · css · themeprovider
More from secondsky/claude-skills
All 170 plugins →- tanstack-aiv3.0.0
- tanstack-queryv3.0.0
- tanstack-routerv3.0.0
- tanstack-startv3.0.0
- tanstack-tablev3.0.0
- technical-specificationv3.0.0
- test-quality-analysisv3.0.0
- thesys-generative-uiv3.0.0
- threejsv3.0.0
- turborepov3.0.0
- typescript-mcpv3.0.0
- ultracitev3.0.0
- vercel-blobv3.0.0
- vercel-kvv3.0.0
- verification-before-completionv3.0.0
- vitest-testingv3.0.0
- vulnerability-scanningv3.0.0
- web-performance-auditv3.0.0
- web-performance-optimizationv3.0.0
- websocket-implementationv3.0.0
- woocommerce-backend-devv3.0.0
- woocommerce-code-reviewv3.0.0
- woocommerce-copy-guidelinesv3.0.0
- woocommerce-dev-cyclev3.0.0