CSS Architecture Skill

When to Activate

• Setting up styling strategy for a new project
• Tailwind classes growing out of control (50+ classes per element)
• Responsive design is inconsistent across breakpoints
• Typography and spacing feel arbitrary, not systematic
• Deciding between Tailwind, CSS Modules, or CSS-in-JS
• Adding complex animations or pseudo-element styles that Tailwind utilities cannot express
• Implementing fluid typography with clamp() for smooth viewport-based scaling

Strategy Selection