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.

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.

Initialize a design system with design tokens, component patterns, and documentation. Creates a foundation for consistent UI development. Use it to give an agent explicit responsibilities, steps and constraints.