Configure Tailwind CSS v4 with shadcn/ui, Vite, and React.
npx skills add https://github.com/KuaaMU/omnihive --skill tailwind-v4-shadcn-kuaamu
Please help me install this Agent Skill. Skill: tailwind-v4-shadcn Source: https://github.com/KuaaMU/omnihive/tree/main/library/real-skills/tailwind-v4-shadcn Command: npx skills add https://github.com/KuaaMU/omnihive --skill tailwind-v4-shadcn-kuaamu
This Skill provides a robust, production-tested setup for Tailwind CSS v4 integrated with shadcn/ui, Vite, and React, preventing common configuration errors and speeding up development.
tw-animate-css errors, duplicate @layer blocks, and incorrect configuration.Run bun add tailwindcss @tailwindcss/vite then pnpm dlx shadcn@latest init.
High-intent search queries and answers about installing and using this skill.
To set up Tailwind v4 with shadcn/ui, run `bun add tailwindcss @tailwindcss/vite` followed by `pnpm dlx shadcn@latest init` to configure the CSS-first architecture and Vite plugin automatically.
Dark mode implementation in Tailwind CSS v4 fails if the ThemeProvider and CSS variable architecture are not properly configured for the new CSS-first setup, which this configuration addresses to ensure working theme switching.
The best way to avoid tw-animate-css errors and duplicate @layer blocks is using a production-tested Tailwind v4 setup that correctly implements the @plugin directive and prevents common configuration pitfalls.
Yes, Tailwind v4 CSS-first configuration works with Vite and React for production environments by utilizing the @tailwindcss/vite plugin and @plugin directive to ensure robust and error-free styling setup.
Configuring CSS variables for shadcn/ui themes in Tailwind v4 involves defining the architecture within the CSS-first configuration and integrating a ThemeProvider to manage dark mode implementation and theme switching.
agusmdevConfigure Tailwind CSS v4 and shadcn/ui for TanStack Start and Router projects.
lawalletioConfigure Tailwind v4 with shadcn/ui for Vite React projects.
Shaarav4795Generate CSS-variable themes for Tailwind v4 with shadcn/ui in React.
Hamza123545Configure Tailwind CSS with PostCSS and @tailwind directives for React projects.