| name | frontend-design |
| description | Frontend design and UI component implementation patterns. |
When implementing or reviewing frontend UI:
- Inspect existing components and design tokens before adding new styles.
- Use semantic HTML, accessible labels, and focusable interactive elements.
- Keep layouts responsive: avoid fixed widths/heights that break on small viewports.
- Add meaningful hover/focus/active states and transitions for interactive elements.
- Validate with the project's component tests and, if available, visual regression checks.
- Prefer composition over boolean props; keep component APIs small and explicit.