tailwind-v4-shadcn
Production-ready architecture and migration guide for integrating Tailwind CSS v4 with shadcn/ui components.
Install
npx skills add https://github.com/jezweb/claude-skills --skill tailwind-v4-shadcnStats
| Total installs | 2,662 |
| Weekly installs | 2.6K |
| GitHub stars | 661 |
| First seen | Jan 20, 2026 |
| Source | @jezweb/claude-skills |
Summary
- Four-step architecture: define CSS variables at root, map to Tailwind utilities with @theme inline, apply base styles, automatic dark mode switching
- Prevents 8 documented errors including color mapping failures, dark mode conflicts, @apply breaking changes, and v3 migration gotchas
- Requires @tailwindcss/vite plugin (not PostCSS), empty Tailwind config in components.json, and ThemeProvider wrapper for theme toggling
- Supports OKLCH color space (v4 default), built-in container queries and line clamp, and multi-theme setups with proper CSS layer ordering
Tags
Related skills
| Skill | Installs | vs tailwind-v4-shadcn |
|---|---|---|
| component-refactoring | 2,822 | +160 |
| astro | 2,826 | +164 |
| stitch-design-taste | 2,687 | +25 |
| tauri-v2 | 2,740 | +78 |
| tanstack-query-best-practices | 2,406 | -256 |
FAQ
- How many installs does tailwind-v4-shadcn have?
- tailwind-v4-shadcn has 2,662 total installs and 2.6K installs this week.
- Where is tailwind-v4-shadcn hosted?
- tailwind-v4-shadcn is published by @jezweb/claude-skills at https://github.com/jezweb/claude-skills.
- How many GitHub stars does tailwind-v4-shadcn have?
- tailwind-v4-shadcn has 661 GitHub stars.
- When was tailwind-v4-shadcn first indexed?
- OrangeBot.AI first indexed tailwind-v4-shadcn on Jan 20, 2026.
- How do I install tailwind-v4-shadcn?
- Run: npx skills add https://github.com/jezweb/claude-skills --skill tailwind-v4-shadcn