关于 app-builder
面向 Agent 的应用构建编排工具，可分析项目需求、选择技术栈、规划结构并协调工作。它提供常见应用类型的模板，并引导流程查阅相关说明文件。
主要功能
- 01项目类型识别指南
- 02技术栈选择
- 03Agent 流程协调
- 04项目脚手架说明
- 05功能规划指南
- 06常见项目类型模板
适用场景
- 01为新应用选择技术栈
- 02使用匹配模板搭建项目
- 03协调 Agent 处理前后端任务
- 04为现有项目规划功能
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/app-builder确认已加载。
包含的文件
除 SKILL.md 外，安装时一起下载的参考资料和脚本。
agent-coordination.mdfeature-building.mdproject-detection.mdscaffolding.mdtech-stack.mdtemplates/astro-static/TEMPLATE.mdtemplates/chrome-extension/TEMPLATE.mdtemplates/cli-tool/TEMPLATE.mdtemplates/electron-desktop/TEMPLATE.mdtemplates/express-api/TEMPLATE.mdtemplates/flutter-app/TEMPLATE.mdtemplates/monorepo-turborepo/TEMPLATE.mdtemplates/nextjs-fullstack/TEMPLATE.mdtemplates/nextjs-saas/TEMPLATE.mdtemplates/nextjs-static/TEMPLATE.mdtemplates/nuxt-app/TEMPLATE.mdtemplates/python-fastapi/TEMPLATE.mdtemplates/react-native-app/TEMPLATE.md详细介绍
App Builder - 应用构建编排器
分析用户请求，确定技术栈，规划结构，并协调各 Agent。
🎯 选择性阅读规则
只阅读与请求相关的文件！ 查看内容映射，找到你需要的内容。
| 文件 | 说明 | 何时阅读 |
|---|---|---|
project-detection.md | 关键词矩阵、项目类型检测 | 启动新项目时 |
tech-stack.md | 2025 默认技术栈、备选方案 | 选择技术时 |
agent-coordination.md | Agent 流水线、执行顺序 | 协调多 Agent 工作时 |
scaffolding.md | 目录结构、核心文件 | 创建项目结构时 |
feature-building.md | 功能分析、错误处理 | 向现有项目添加功能时 |
templates/SKILL.md | 项目模板 | 搭建新项目时 |
📦 模板（13 个）
用于新项目的快速启动脚手架。只阅读匹配的模板！
| 模板 | 技术栈 | 何时使用 |
|---|---|---|
| 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 | 命令行应用 |
| monorepo-turborepo | Turborepo + pnpm | Monorepo |
🔗 相关 Agent
| Agent | 角色 |
|---|---|
project-planner | 任务拆分、依赖图 |
frontend-specialist | UI 组件、页面 |
backend-specialist | API、业务逻辑 |
database-architect | Schema、迁移 |
devops-engineer | 部署、预览 |
使用示例
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 preview
评论
支持 Markdown