How madxgunman/vibe-cording works
Vibe Corder is an AI website builder: users submit a prompt, watch generated code stream, then preview and refine projects in the editor. Generation and revision routes invoke model providers and persist project conversations, code, and versions through Firestore. The README also describes responsive previews, community publishing, project management, and active-generation tracking; their UI paths are shown, but publishing internals are not present in the supplied tree. Edges reflect sampled route and provider behavior; unsampled page wiring is intentionally limited.
Main entry points: stream/route.ts Generation stream API · revise-stream/route.ts Revision stream API · firestore-admin.ts Server data access · firestore.ts Client data access
Components 26
Product experience
- Generation workspace
src/app/generate/page.tsx - Visual editor
src/app/editor/[id]/page.tsx - Website preview
src/app/preview/[id]/page.tsx - My projects
src/app/projects/page.tsx - Community gallery
src/app/community/page.tsx - Active generations
src/app/active/page.tsx - Generation tracking
src/components/ActiveGenerationsProvider.tsx
AI generation
- Generation stream API
src/app/api/projects/stream/route.ts - Project creation API
src/app/api/projects/create/route.ts - Revision API
src/app/api/projects/revise/route.ts - Revision stream API
src/app/api/projects/revise-stream/route.ts - AI generation services
src/lib/ai.ts - Generation prompts
src/prompts/index.ts - Model catalog
src/lib/models.ts
Identity
- Sign-in and signup
src/app/login/page.tsx - Authentication state
src/components/AuthProvider.tsx - Send verification code
src/app/api/auth/send-otp/route.ts - Verify code
src/app/api/auth/verify-otp/route.ts
Persistence
- Server data access
src/lib/firestore-admin.ts - Client data access
src/lib/firestore.ts - Firebase admin services
src/lib/firebase-admin.ts
Other components
- Website creator
- AI model providers
- Firebase authentication
- Resend email
- Cloud Firestore
Connections 37
- Website creator → Generation workspace: submits prompt
- Generation workspace → Generation stream API: requests stream
- Generation workspace → Generation tracking: tracks progress
- Generation stream API → Model catalog: selects model
- Generation stream API → Generation prompts: loads instructions
- Generation stream API → AI model providers: generates stream
- Generation stream API → Server data access: saves project
- Project creation API → AI generation services: enhances and generates
- Project creation API → Server data access: saves project
- Visual editor → Revision API: requests revision
- Visual editor → Revision stream API: requests revision stream
- Revision API → AI generation services: enhances and revises
- Revision API → Server data access: loads and saves
- Revision stream API → Model catalog: selects model
- Revision stream API → Generation prompts: loads instructions
- Revision stream API → AI model providers: generates stream
- Revision stream API → Server data access: loads and saves
- AI generation services → AI model providers: calls models
- Sign-in and signup → Authentication state: uses auth
- Authentication state → Firebase authentication: authenticates user
- Authentication state → Client data access: loads user profile
- Client data access → Cloud Firestore: reads and writes
- Sign-in and signup → Send verification code: requests code
- Sign-in and signup → Verify code: submits code
- Send verification code → Firebase admin services: checks and stores code
- Send verification code → Resend email: sends code
- Verify code → Firebase admin services: checks code
- Firebase admin services → Cloud Firestore: accesses records
- Server data access → Cloud Firestore: reads and writes
- My projects → Client data access: loads projects
- Community gallery → Client data access: loads gallery
- Active generations → Generation tracking: shows activity
- Website creator → Visual editor: edits project
- Website creator → My projects: manages projects
- Website creator → Community gallery: explores projects
- Website creator → Active generations: checks activity
- Website creator → Website preview: views website