How tencentedgeone/vibe-coding-agent-platform works
Vibe Coding Platform is a browser-based AI coding workspace for generating full-stack apps and agents from natural-language requests, with Makers compatibility checks, live preview, workspace persistence, and edge deployment. The main user flow runs from the workspace conversation through agent turns and project tools; users can then inspect files, preview the app, and deploy it. The tree and excerpts support the preview lifecycle in detail, but not every request, model, persistence, or deployment call, so uncertain wiring is omitted.
Main entry points: lazy/preview.ts Preview readiness · assemble.ts Agent tools · project/preview.ts Makers dev server · workspace-screen.tsx Workspace screen
Components 21
Coding workspace
- Workspace screen
app/features/workspace/workspace-screen.tsx - Conversation UI
app/features/workspace/components/conversation/index.tsx - Live turn hook
app/features/workspace/hooks/use-live-turn.ts - File browser
app/features/workspace/components/files/index.tsx - Preview surface
app/features/workspace/hooks/use-preview-surface.ts
Agent runtime
- Workspace API
app/features/workspace/workspace-api.ts - Session endpoint
agents/session.ts - Chat turn
agents/_lib/turn/chat.ts - Agent tools
agents/_lib/tools/assemble.ts - Makers compatibility
agents/_lib/makers/compat/run.ts
Project lifecycle
- Project state
agents/_lib/project/state.ts - Workspace persistence
agents/_lib/project/workspace-store.ts - Project files
agents/_lib/project/fs.ts
Preview and deploy
- Preview tool
agents/_lib/tools/preview-tools.ts - Preview readiness
agents/_lib/lazy/preview.ts - Makers dev server
agents/_lib/project/preview.ts - Preview proxy
agents/_lib/makers/preview-proxy-source.ts - Deploy tools
agents/_lib/tools/deploy-tools.ts - Deploy lifecycle
agents/_lib/turn/deploy.ts
Other components
- Developer
- EdgeOne Makers
Connections 20
- Developer → Workspace screen: enters request
- Workspace screen → Conversation UI: shows conversation
- Conversation UI → Live turn hook: submits turn
- Live turn hook → Workspace API: sends requests
- Workspace API → Session endpoint: routes session
- Session endpoint → Chat turn: runs turn
- Chat turn → Agent tools: assembles tools
- Agent tools → Makers compatibility: checks project
- Agent tools → Preview tool: offers preview
- Preview tool → Preview readiness: ensures preview
- Preview readiness → Project files: reads file tree
- Preview readiness → Workspace persistence: saves state
- Preview readiness → Makers dev server: starts server
- Makers dev server → EdgeOne Makers: runs CLI
- Makers dev server → Preview proxy: uses proxy
- Preview surface → Workspace screen: updates preview
- File browser → Workspace API: requests file
- Deploy tools → Deploy lifecycle: handles deploy
- Deploy lifecycle → EdgeOne Makers: deploys project
- Project state → Workspace persistence: persists state