Tailwind Css

This is a comprehensive guide for working with Tailwind CSS v4's new CSS-first configuration system. It covers the shift away from JavaScript config files to using directives like @theme and @utility directly in your CSS. You get practical patterns for component variants with tailwind-variants, ESLint rules specific to v4, and references for handling animations with tw-animate-css. The skill emphasizes checking your project's theme tokens before reaching for arbitrary values and includes debugging tips for common v4 gotchas like gradient syntax changes. Honestly feels more like a well-organized reference doc than an interactive skill, but if you're migrating to v4 or building component libraries, having all these patterns and breaking changes in one place beats hunting through official docs.

Install to Claude Code

npx -y skills add paulrberg/agent-skills --skill tailwind-css --agent claude-code