app-builder
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseApp Builder - Application Building Orchestrator
App Builder - 应用构建编排器
Analyzes user's requests, determines tech stack, plans structure, and coordinates agents.
分析用户请求、确定技术栈、规划结构并协调Agent。
🎯 Selective Reading Rule
🎯 选择性阅读规则
Read ONLY files relevant to the request! Check the content map, find what you need.
| File | Description | When to Read |
|---|---|---|
| Keyword matrix, project type detection | Starting new project |
| 2026 default stack, alternatives | Choosing technologies |
| Agent pipeline, execution order | Coordinating multi-agent work |
| Directory structure, core files | Creating project structure |
| Feature analysis, error handling | Adding features to existing project |
| Project templates | Scaffolding new project |
仅阅读与请求相关的文件！ 查看内容地图，找到你需要的部分。
| 文件 | 描述 | 阅读时机 |
|---|---|---|
| 关键词矩阵，项目类型检测 | 启动新项目时 |
| 2026默认技术栈，替代方案 | 选择技术时 |
| Agent流水线，执行顺序 | 协调多Agent工作时 |
| 目录结构，核心文件 | 创建项目结构时 |
| 功能分析，错误处理 | 为现有项目添加功能时 |
| 项目模板 | 搭建新项目脚手架时 |
📦 Templates (13)
📦 模板（13个）
Quick-start scaffolding for new projects. Read the matching template only!
| Template | Tech Stack | When to Use |
|---|---|---|
| nextjs-fullstack | Next.js + Prisma | Full-stack web app |
| nextjs-saas | Next.js + Stripe | SaaS product |
| nextjs-static | Next.js + Framer | Landing page |
| nuxt-app | Nuxt 3 + Pinia | Vue full-stack app |
| express-api | Express + JWT | REST API |
| python-fastapi | FastAPI | Python API |
| react-native-app | Expo + Zustand | Mobile app |
| flutter-app | Flutter + Riverpod | Cross-platform mobile |
| electron-desktop | Electron + React | Desktop app |
| chrome-extension | Chrome MV3 | Browser extension |
| cli-tool | Node.js + Commander | CLI app |
| monorepo-turborepo | Turborepo + pnpm | Monorepo |
新项目快速启动脚手架。仅阅读匹配的模板！
| 模板 | 技术栈 | 使用场景 |
|---|---|---|
| nextjs-fullstack | Next.js + Prisma | 全栈Web应用 |
| nextjs-saas | Next.js + Stripe | SaaS产品 |
| nextjs-static | Next.js + Framer | 落地页 |
| nuxt-app | Nuxt 3 + Pinia | Vue全栈应用 |
| express-api | Express + JWT | REST API |
| python-fastapi | FastAPI | Python API |
| react-native-app | Expo + Zustand | 移动应用 |
| flutter-app | Flutter + Riverpod | 跨平台移动应用 |
| electron-desktop | Electron + React | 桌面应用 |
| chrome-extension | Chrome MV3 | 浏览器扩展 |
| cli-tool | Node.js + Commander | CLI应用 |
| monorepo-turborepo | Turborepo + pnpm | 单仓库（Monorepo） |
🔗 Related Agents
🔗 相关Agent
| Agent | Role |
|---|---|
| Task breakdown, dependency graph |
| UI components, pages |
| API, business logic |
| Schema, migrations |
| Deployment, preview |
| Agent | 角色 |
|---|---|
| 任务拆解，依赖关系图 |
| UI组件，页面 |
| API，业务逻辑 |
| 数据库Schema，迁移 |
| 部署，预览 |
Usage Example
使用示例
User: "Make an Instagram clone with photo sharing and likes"
App Builder Process:
1. Project type: Social Media App
2. Tech stack: Next.js + Prisma + Cloudinary + Clerk
3. Create plan:
├─ Database schema (users, posts, likes, follows)
├─ API routes (12 endpoints)
├─ Pages (feed, profile, upload)
└─ Components (PostCard, Feed, LikeButton)
4. Coordinate agents
5. Report progress
6. Start previewUser: "Make an Instagram clone with photo sharing and likes"
App Builder Process:
1. Project type: Social Media App
2. Tech stack: Next.js + Prisma + Cloudinary + Clerk
3. Create plan:
├─ Database schema (users, posts, likes, follows)
├─ API routes (12 endpoints)
├─ Pages (feed, profile, upload)
└─ Components (PostCard, Feed, LikeButton)
4. Coordinate agents
5. Report progress
6. Start preview