Enforces consistent Tailwind CSS styling patterns and best practices for modern frontend development.
The Tailwind CSS Style Guide skill provides a comprehensive framework for writing clean, maintainable, and consistent UI code using Tailwind CSS. It standardizes specific class ordering conventions, mobile-first responsive design principles, and dark mode implementation using design tokens. By integrating these patterns into the development workflow, it ensures that React, JSX, and TSX components follow industry-standard layout, spacing, and animation rules while strictly avoiding anti-patterns like inline styles, arbitrary values, or unnecessary CSS modules.
주요 기능
01Standardized class ordering from layout to interactive states
02Conditional class management using the cn() utility pattern
03Standardized spacing scale and animation transition rules
