Frontend Development

Use when creating or modifying Next.js pages, React components, Tailwind CSS styles, API integration, hooks, or i18n.

Before Writing Code

1. Read docs/agent/architecture/frontend-workflow.md for user flow
2. Read docs/agent/design/style-guide.md for Swiss International Style (REQUIRED)
3. Read docs/agent/coding-standards.md for conventions
4. Check existing components in apps/frontend/components/

Non-Negotiable Rules

1. Swiss International Style - ALL UI changes must follow it
2. rounded-none everywhere - no rounded corners, ever
3. Hard shadows - shadow-[4px_4px_0px_0px_#000000], never soft shadows
4. Run npm run lint before committing
5. Run npm run format before committing
6. Enter key handling on all textareas