@secondsky/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.

View in AI SkillSafe app
0 downloads
0 stars
0 demos
SKILL.md

Embed badges

Add these to your README to show the skill's verification status.

SkillSafe verified badge
Verified badge
[![SkillSafe verified badge](https://api.skillsafe.ai/v1/badge/@secondsky/tailwind-v4-shadcn/verified)](https://skillsafe.ai/skill/@secondsky/tailwind-v4-shadcn/)
Installs badge
Installs badge
[![Installs badge](https://api.skillsafe.ai/v1/badge/@secondsky/tailwind-v4-shadcn/installs)](https://skillsafe.ai/skill/@secondsky/tailwind-v4-shadcn/)
Scan badge
Scan badge
[![Scan badge](https://api.skillsafe.ai/v1/badge/@secondsky/tailwind-v4-shadcn/scan)](https://skillsafe.ai/skill/@secondsky/tailwind-v4-shadcn/)
Eval pass rate badge
Eval pass rate
[![Eval pass rate badge](https://api.skillsafe.ai/v1/badge/@secondsky/tailwind-v4-shadcn/eval)](https://skillsafe.ai/skill/@secondsky/tailwind-v4-shadcn/)