CSS Styling Approaches Reference captures reusable agent playbook guidance for accessibility & mobile ux. Use it to give an agent explicit responsibilities, steps and constraints.

Compound components share implicit state while allowing flexible composition. Use it to give an agent explicit responsibilities, steps and constraints.

Accessibility Patterns Reference captures reusable agent playbook guidance for accessibility & mobile ux. Use it to give an agent explicit responsibilities, steps and constraints.

Build reusable, maintainable UI components using modern frameworks with clean composition patterns and styling approaches. Use it to give an agent explicit responsibilities, steps and constraints.

A modular scale creates harmonious relationships between font sizes using a mathematical ratio. Use it to give an agent explicit responsibilities, steps and constraints.

The 8-point grid is the industry standard for consistent spacing. Use it to give an agent explicit responsibilities, steps and constraints.

Color Systems Reference captures reusable agent playbook guidance for accessibility & mobile ux. Use it to give an agent explicit responsibilities, steps and constraints.

Build cohesive, accessible visual systems using typography, color, spacing, and iconography fundamentals. Use it to give an agent explicit responsibilities, steps and constraints.

Fluid design creates smooth scaling experiences by using relative units and mathematical functions instead of fixed breakpoints. This approach reduces the need for media queries and creates more natural-feeling interfaces. Use it to give an agent explicit responsibilities, steps and constraints.

responsive-design — detailed patterns and worked examples captures reusable agent playbook guidance for accessibility & mobile ux. Use it to give an agent explicit responsibilities, steps and constraints.