Configure Tailwind CSS v4 projects using CSS-first @theme syntax.
npx skills add https://github.com/brp00005/site2 --skill tailwind-css-v4
Please help me install this Agent Skill. Skill: tailwind-css-v4 Source: https://github.com/brp00005/site2/tree/main/.cursor/skills/tailwind-css-v4 Command: npx skills add https://github.com/brp00005/site2 --skill tailwind-css-v4
Tailwind CSS v4 introduces a complete rewrite and CSS-first configuration; this skill provides an LLm-guided reference and migration insights to write, configure, and migrate Tailwind-based projects.
Run a quick setup guide to configure Tailwind v4 in a Vite project and build a minimal CSS file using @theme-based configurations.
High-intent search queries and answers about installing and using this skill.
Tailwind CSS v4 migration requires adopting the CSS-first @theme configuration and updating build workflows across Vite, PostCSS, Webpack, or CLI to resolve common migration pitfalls and replace v3 config files.
CSS-first configuration with @theme in Tailwind v4 allows you to define design tokens directly in CSS instead of JavaScript, enabling native theme extension and streamlined utility generation within your stylesheet.
Installing Tailwind CSS v4 in a Vite project requires configuring the Vite plugin and building a minimal CSS file using @theme-based configurations, providing a quick setup guide for centralized reference.
Tailwind CSS v4 supports dark mode and responsive design through its updated utility patterns and CSS-first configuration, allowing you to apply these features directly within your @theme-defined design system.
Tailwind v4 works with PostCSS and Webpack workflows, providing practical usage patterns and installation guidance for integrating the CSS-first @theme configuration into these existing build setups.
Tailwind v4 styles may not work after upgrading due to the complete rewrite and shift to CSS-first configuration, requiring you to migrate v3 settings into @theme and resolve build setup pitfalls.
djankiesConfigure Tailwind CSS v4 with CSS-first @import and @theme directives.
osmanmoharramApply Tailwind CSS v4 utilities to HTML, JSX, and Blade components.
wfvueApply Tailwind CSS v4 utilities with Vite plugin integration for responsive and dark mode styling.
elab-developmentAutomate web interface styling with Tailwind CSS v4 utilities.
