tailwindcss

Utility-first CSS framework for rapidly building custom interfaces with composed utility classes. The skill is based on Tailwind CSS v4.1.18, generated at 2026-01-28. Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces. Instead of writing custom CSS, you compose designs using utility classes directly in your markup. Tailwind v4 introduces CSS-first configuration with theme variables, making it easier to customize your design system. - Covers layout (flexbox, grid, positioning, sizing, spacing), transforms, typography, visual effects, and interactivity through organized utility categories - Supports responsive design with mobile-first breakpoints, container queries, and conditional variants for state, pseudo-classes, and media queries - Tailwind v4 introduces CSS-first configuration using theme variables and directives ( @theme , @utility , @custom-variant ) for easier design system customization - Includes dark mode support, custom style and utility creation, and content detection for automatic class scanning - Use utility classes directly in markup - Compose designs by combining utilities - Customize with theme variables - Use @theme directive to define design tokens - Mobile-first responsive design - Use unprefixed utilities for mobile, prefixed for breakpoints - Use complete class names - Never construct classes dynamically with string...