This skill equips Claude with specialized knowledge of the Tailwind CSS v4.1 spacing system, focusing on margin, padding, and space-between utilities. It enables the AI to accurately apply directional classes, negative margins, and auto-centering while adhering to the modern spacing scale based on CSS variables. By providing specific implementation patterns for containers, cards, and flex items, this skill ensures that generated frontend code is layout-consistent, responsive, and aligned with the latest Tailwind CSS best practices.
主な機能
01Detailed mapping of the configurable spacing scale and CSS variables
020 GitHub stars
03Expert implementation of horizontal and vertical space-between patterns
04Comprehensive reference for all Tailwind CSS v4.1 spacing classes
05Guidance on best practices for consistent UI white space management
06Support for negative margins and auto-centering utilities