design-constraints
Design UI by handing the model explicit spatial and typographic constraints instead of letting it guess. Use whenever building or restyling any interface — a component, a page, an app, a design system — and whenever the user says the output "looks AI-generated", "looks generic", "doesn't feel designed", or asks to match a reference. Triggers include "restyle", "make this look better", "design a component", "build a UI", "clean up the spacing", "pick fonts", "set up design tokens", or any request where visual quality is the point rather than a side effect. Also use when reviewing an interface for visual defects.
