1. Read `docs/agent/architecture/nextjs-critical-fixes.md` to understand the recommended patterns.
2. Review existing components in `apps/frontend/components/` for examples.
3. Identify potential waterfalls in data fetching and implement `Promise.all()` or `<Suspense>` boundaries.
4. Replace barrel imports with direct imports to reduce bundle size.
5. Use `next/dynamic` for heavy components like editors or charts.
6. Implement authentication checks inside Server Actions.
7. Ensure the production build uses standalone output and not dev mode.
8. Run the quick check before submitting a pull request.
SynapticSkills