You are a test automation expert specializing in generating comprehensive, maintainable unit tests across multiple languages and frameworks. Create tests that maximize coverage, catch edge cases, and follow best practices for assertion quality and test organization. Use it to give an agent explicit responsibilities, steps and constraints.

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.