Development Setup
Development Setup
Section titled “Development Setup”This page covers the daily development workflow after initial installation. For first-time setup, see Installation.
Development Workflow
Section titled “Development Workflow”The standard development cycle:
- Pull latest from
main - Create feature branch:
git checkout -b feature/[issue]-description-claude - Start dev server:
npm run dev(Turbopack) - Make changes following coding conventions
- Run tests locally:
npm test(or let pre-push hook handle it) - Push — pre-push hook runs tests, CI runs lint + build + tests
- Create PR targeting
main
Available Scripts
Section titled “Available Scripts”| Script | Command | Purpose |
|---|---|---|
npm run dev | next dev | Start Turbopack dev server at localhost:3000 |
npm test | vitest run | Run all Vitest unit tests |
npm run test:watch | vitest | Watch mode — re-runs on file changes |
npm run test:coverage | vitest run --coverage | Generate V8 coverage report |
npm run test:e2e | playwright test | Run Playwright E2E tests |
npm run test:e2e:ui | playwright test --ui | Playwright UI mode (visual debugging) |
npm run test:e2e:headed | playwright test --headed | E2E with visible browser |
npm run lint | eslint | ESLint check |
npm run analyze | ANALYZE=true next build | Bundle size analysis |
npm run prepare | git config core.hooksPath .githooks | Configure git hooks |
Multi-Agent Development
Section titled “Multi-Agent Development”This project uses two AI code agents working in parallel:
| Agent | Environment | Branch Suffix |
|---|---|---|
| Claude Code | Local execution | -claude |
| Codex (OpenAI) | Cloud execution | -codex |
Important Rules
Section titled “Important Rules”These rules come from CLAUDE.md and apply to all contributors (human and AI):
- Never run
next build,webpack,docker build, or any build that consumes >50% CPU locally. Push to your branch and let CI handle it. - Prefer editing existing code over creating new abstractions.
- When unsure: ask, propose minimal approach, default to simplest reversible solution.
- Priority order: Correctness > Simplicity > Maintainability > Reversibility > Performance.
- Never skip git hooks (
--no-verify) unless explicitly instructed.