UI Engineering And Design Systems

Use When

• Building or modifying pages/components
• Creating shared UI primitives or design tokens
• Fixing accessibility, responsiveness, or performance regressions

Workflow

1. Define user outcome and interaction states (loading, empty, error, success).
2. Identify reusable primitives before creating one-off components.
3. Implement with semantic HTML and keyboard accessibility.
4. Ensure responsive behavior across breakpoints.
5. Verify with linting, tests, and visual checks.

Required Checks