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
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Contentsdiscovered from source
agents ×7
Featured
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →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