tailwind-validator
OfficialTailwind v4 readiness, with v3 pattern checks.
Authorgenfeedai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Validates that a project uses Tailwind CSS v4 with a CSS-first configuration and flags Tailwind v3 patterns to prevent migration issues.
Core Features & Use Cases
- Detects Tailwind v4 CSS-first configuration and validates package versions.
- Flags deprecated v3 patterns such as tailwind.config.js and old postcss setups.
- Provides migration guidance and CI-friendly outputs to stop regressions.
- Audits PostCSS configuration, CSS files, and theme usage to ensure CSS variables (@theme) are in place.
- Works across new projects and existing codebases to accelerate safe Tailwind upgrades.
Quick Start
Run the validator in your project root to assess Tailwind v4 compatibility and flag v3 patterns.
Dependency Matrix
Required Modules
None requiredComponents
scripts
💻 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: tailwind-validator Download link: https://github.com/genfeedai/genfeed.ai/archive/main.zip#tailwind-validator 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.