Frontend CSS Strategy

Purpose

Choose and implement the right CSS approach for the project. Utility-first for rapid iteration and consistency. CSS Modules for scoped, component-encapsulated styles. CSS-in-JS for dynamic theming and colocation. Each approach solves a different problem — pick the right one.

Agent Protocol

Trigger

Exact phrases: "CSS strategy", "CSS Modules", "CSS-in-JS", "utility-first", "Tailwind CSS", "styled-components", "Emotion", "CSS organization", "CSS architecture", "CSS approach", "styling approach", "how to style", "CSS decision".

Input Context

• Framework (React, Vue, Angular, Svelte)
• Team size and CSS experience
• Project type (library, app, design system)
• Current styling approach (if any)
• Performance requirements (runtime cost, bundle size)

Output Artifact

CSS strategy recommendation with rationale, setup code, and organization pattern.