Apply Tailwind CSS v4 CSS-first configuration and correct class patterns.
npx skills add https://github.com/iliaal/whetstone --skill ia-tailwind-css
Please help me install this Agent Skill. Skill: ia-tailwind-css Source: https://github.com/iliaal/whetstone/tree/main/plugins/whetstone/skills/ia-tailwind-css Command: npx skills add https://github.com/iliaal/whetstone --skill ia-tailwind-css
This Skill fixes Tailwind CSS v4 styling issues by enforcing the correct v4 patterns so agents don’t rely on outdated v3 knowledge.
Use ia-tailwind-css to migrate a Tailwind v3 project to v4 and fix broken styles in a React/Next.js codebase.
High-intent search queries and answers about installing and using this skill.
Migrating Tailwind CSS from v3 to v4 requires adopting CSS-first configuration via @import "tailwindcss" and @theme tokens, while avoiding removed opacity utilities and outdated v3-era classes to resolve breaking changes.
Dark mode in Tailwind CSS v4 works by applying CSS-first configuration and correct v4 class patterns using @custom-variant constructs, ensuring consistent utility usage and avoiding broken styling in module files.
The best way to configure Tailwind CSS v4 design tokens is by using CSS-first configuration with @theme constructs, defining tokens directly in your CSS files to ensure lintable and non-conflicting class outputs.
Yes, you can use tailwind-variants and cva with Tailwind CSS v4 to define component variants, applying correct v4 class and token patterns while utilizing class merging tools like cn, clsx, and tailwind-merge for quality guardrails.
Your Tailwind CSS styles are broken after upgrading to v4 because of reliance on outdated v3-era classes and removed opacity utilities; fixing this requires applying CSS-first configuration and correct v4 class patterns.
Yes, Tailwind CSS v4 supports ESLint integration by recommending better-tailwindcss ESLint rules, ensuring lintable class outputs and enforcing correct class ordering and merging alongside the verification-first workflow.
ofershapCorrect outdated Tailwind CSS v3 syntax to v4 standards.
acquiaEnforce Tailwind CSS v4 theme tokens, CVA variants, and cn utility in Canvas components.
tenequmApply Tailwind CSS utility classes and shadcn/ui patterns to style React interfaces.
whimzyLiveConfigure Tailwind CSS v4 themes with CSS variables and dark mode.
