Frontend Writing (Metroscope)

Use this skill when implementing or editing frontend UI in this repo.

Essentials

• TypeScript + React; keep components in PascalCase.
• Prefer colocating styles with components.
• Use existing UI primitives in front/src/ui/ before adding new ones.
• Avoid introducing new state management patterns unless necessary.
• Jest is the default runner; keep tests next to the component/module under test.
• Feature flags and API URLs are wired through env vars (see front/.env.local.example).
• When editing front/src/i18n/*.tsx, keep keys alphabetically sorted and run yarn eslint:check --fix front/src/i18n/en.tsx front/src/i18n/fr.tsx to auto-fix sort-keys issues.

Baseline references

Use front/CONTRIBUTING.md for styling rules. See also: front/AGENTS.override.md for operational context.