Guide Tailwind v4 migrations with CSS-first @theme and @utility patterns.
npx skills add https://github.com/mikker/dotfiles --skill tailwind-modern
Please help me install this Agent Skill. Skill: tailwind-modern Source: https://github.com/mikker/dotfiles/tree/main/agents.symlink/skills/tailwind-modern Command: npx skills add https://github.com/mikker/dotfiles --skill tailwind-modern
This Skill helps frontend teams align on Tailwind v4 patterns, accelerating migrations from Tailwind v3 and reducing drift toward older conventions.
Review a project and convert legacy Tailwind 3 configurations and syntax to Tailwind v4-compliant patterns.
High-intent search queries and answers about installing and using this skill.
Migrating from Tailwind v3 to v4 involves converting legacy configurations to CSS-first theming using @theme and @utility directives, modernizing token design, and updating plugin setups across React, Vue, and Svelte.
Tailwind v4 patterns enforce CSS-first practices by utilizing @theme for token-based design and @utility for custom utilities, actively discouraging deprecated v3 configurations to ensure scalable frontend styling.
Tailwind v4 migration supports major stacks including React, Vue, and Svelte. It provides targeted strategies for updating build tooling, configurations, and utility classes across these frontend frameworks.
Modernize Tailwind config and design tokens by transitioning to CSS-first theming with the @theme directive, replacing legacy JavaScript configurations with scalable, token-based design architectures.
Avoid deprecated Tailwind v3 patterns to prevent drift toward older conventions and ensure safe, scalable migrations. Adopting v4 defaults and CSS-first practices aligns frontend teams on modern styling.
The best way to handle Tailwind plugin setups during migration is to define the migration scope clearly, ensuring plugins are updated alongside token design and config modernization to match v4 paradigms.
iliaalApply Tailwind CSS v4 CSS-first configuration and correct class patterns.
PMDevSolutionsConvert generated design assets into publishable pnpm workspaces with Changesets versioning support.
IFIR649Build scalable Tailwind CSS v4 design systems with tokens, theming, and component variants.
shynlee04Enforce consistent CSS styling with Tailwind, BEM, and CSS Modules.
