Tailwind 4 Validator

Validates that a project uses Tailwind CSS v4 with proper CSS-first configuration. Detects and flags Tailwind v3 patterns that should be migrated.

Purpose

CRITICAL: Claude and other AI assistants often default to Tailwind v3 patterns. This skill ensures:

• Projects use Tailwind v4 CSS-first configuration
• Old tailwind.config.js patterns are detected and flagged
• Proper @theme blocks are used instead of JS config
• Dependencies are v4+

When to Use

• Before any Tailwind work: Run validation first
• New project setup: Ensure v4 is installed correctly
• After AI generates Tailwind code: Verify no v3 patterns snuck in
• Auditing existing projects: Check for migration needs