Validates Tailwind CSS v4 configurations and prevents outdated version 3 patterns in modern frontend projects.
This skill provides an automated way to ensure your projects adhere to the CSS-first configuration standards of Tailwind CSS v4. It identifies deprecated JavaScript configuration files, flags legacy @tailwind directives, and suggests migrations to the new @theme block system. By integrating this validator into your workflow, you can prevent AI-generated v3 regressions and maintain a clean, performant CSS architecture that fully leverages v4 features like auto-content detection and built-in autoprefixer support.
Key Features
01Identifies outdated @tailwind directives and suggests v4 imports
02Validates @theme block syntax for CSS-first configuration
03Detects and flags deprecated tailwind.config.js files
04Provides automated fix suggestions for migration paths
05Verifies package dependencies for Tailwind v4 compatibility
0610 GitHub stars
Use Cases
01Integrating into CI/CD pipelines to enforce modern CSS standards
02Verifying AI-generated styling to prevent version-mismatched code
03Auditing legacy Tailwind v3 projects for migration to v4
