Before working on any feature, read the relevant skill files from .agents/skills:
| Task | Skill File |
|---|---|
| UI components, styling, React patterns | ui-components.md, vercel-react-best-practices/, web-design-guidelines/. frontend-design |
| Backend/Node.js code | nodejs-backend-patterns/ |
| Fix plan features | fix-plan-generation.md |
| Database schema, Drizzle ORM | database-schema.md |
| Dependency audit | audit-dependencies.md |
| Writing tests | testing.md |
- Frontend: Next.js app in
src/with Zustand state management insrc/store/ - Backend: Express server in
backend/with Drizzle ORM for SQLite - Components: Shadcn/ui components in
src/components/ui/
- Use shadcn components present in src/ui
- Use colors from globals.css and also make changes there if last resort, this will help keep code modular and clean
- Use Zustand selectors from
src/store/app-store.tsfor state - Follow existing component patterns in
src/components/ - Backend services are in
backend/service/ - API routes use SSE for streaming responses
- Read the relevant skill file(s) for context
- Check existing patterns in similar files
- Follow the established conventions in this codebase