| name | frontend-implementation |
| description | Use to implement approved UI, UX, pages, components, dashboards or frontend flows. Requires an approved DESIGN.md or explicit design direction. Do not use to invent the product design during implementation. |
Frontend Implementation
Mandatory authority:
docs/standards/design-intelligence.md
→ approved DESIGN.md
→ project brand and component system
- Preserve approved behaviour and existing stack.
- Implement semantic structure, hierarchy, navigation and action priority.
- Cover loading, empty, no-results, partial, stale, error, permission, success,
destructive confirmation and degraded states.
- Use accessible labels, keyboard behaviour, visible focus and reduced motion.
- Use realistic data density, long text, zero values and large record counts.
- Reuse maintained components before hand-rolling mature controls.
- Keep motion purposeful and performant.
- Verify responsiveness, accessibility, interaction and browser behaviour.
Do not let an external design specialist override the design constitution.