ia-tailwind-css
CommunityShip Tailwind v4 styles with confidence.
Software Engineering#design tokens#dark mode#tailwind-variants#tailwind css v4#eslint integration#css-first configuration#v3 migration
Authoriliaal
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill fixes Tailwind CSS v4 styling issues by enforcing the correct v4 patterns so agents don’t rely on outdated v3 knowledge.
Core Features & Use Cases
- Tailwind v4 correctness: Guides CSS-first configuration using @import "tailwindcss" and @theme tokens, including dark mode patterns.
- Migration support: Helps upgrade from Tailwind v3 to v4 by calling out breaking changes and safer class/token choices.
- Quality guardrails: Recommends better-tailwindcss ESLint rules, class ordering/merging (cn, clsx, tailwind-merge), and common error fixes.
Quick Start
Use ia-tailwind-css to migrate a Tailwind v3 project to v4 and fix broken styles in a React/Next.js codebase.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: ia-tailwind-css Download link: https://github.com/iliaal/whetstone/archive/main.zip#ia-tailwind-css Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.