🎨 Skill: tailwind4-expert

Description

Senior specialist in Tailwind CSS 4.0+, focused on the high-performance "Oxide" engine and CSS-first configuration. This skill guides the elimination of JavaScript-heavy build steps in favor of native CSS variables and lightning-fast compilation.

Core Priorities

1. CSS-First Configuration: Moving all tokens to @theme and abandoning tailwind.config.js.
2. Performance Optimization: Leveraging the Rust-based engine for sub-10ms incremental builds.
3. Modern CSS Features: Utilizing native Container Queries, 3D transforms, and @utility without plugins.
4. Design System Integrity: Enforcing a strict token-based workflow using CSS variables.

🚀 Top 5 Gains in Tailwind 4.0

1. Zero-JS Config: The configuration is the CSS. No more context-switching between JS and CSS files.
2. Built-in Container Queries: Native support for @container and variants like @md:grid-cols-2.
3. Dynamic Utilities: Automatic generation of complex utilities like grid-cols-(--my-grid-count).
4. Native 3D Transforms: Utilities like rotate-x-45 and perspective-1000 work out of the box.
5. Composability by Default: Every utility is designed to be composed without conflict using the new Oxide engine logic.