This style guide defines how the Designer Agent produces UI components for Next.js apps using shadcn/ui. It focuses on accessible, production-ready React components that are easy to hand off to an integration/build agent. The Designer Agent should concentrate on design, composition, and interaction patterns—not on backend logic or data fetching.
- Accessibility first: ARIA, keyboard support, focus management.
- Composability: Prefer small, reusable parts and clear extension points.