关于 app-builder
app-builder 是用于规划和协调应用开发的技能，可根据需求识别项目类型、选择技术栈与相关模板，并组织不同 Agent 角色的工作，同时建议保留现有项目的技术选择。
主要功能
- 01项目类型与需求分析
- 02技术栈选择指南
- 03按需使用模板搭建
- 04多 Agent 工作协调
- 05保留现有项目的修改指南
适用场景
- 01规划新的 Web 应用
- 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详细介绍
应用构建器 - 应用构建编排器
分析用户的请求，确定技术栈、规划结构并协调 Agent。
🎯 按需阅读规则
只阅读与请求相关的文件！ 查看内容映射，找到所需信息。
| 文件 | 描述 | 阅读时机 |
|---|---|---|
project-detection.md | 关键词矩阵、项目类型检测 | 开始新项目 |
tech-stack.md | 2025 年默认技术栈、替代方案 | 选择技术 |
agent-coordination.md | Agent 流程、执行顺序 | 协调多 Agent 工作 |
scaffolding.md | 目录结构、核心文件 | 创建项目结构 |
feature-building.md | 功能分析、错误处理 | 为现有项目添加功能 |
templates/SKILL.md | 项目模板 | 搭建新项目 |
范围和模板前提条件
这 13 个 Markdown 模板描述的是布局，而非完整的生成项目。保留现有应用的框架、包管理器和锁文件；仅凭关键词不足以成为替换其技术栈的理由。模板版本是历史基线，而 scaffold @latest 可能生成不兼容的布局或 API。选择具体版本前，请查阅当前框架的官方文档并确认托管环境的限制。具名 Agent/工具是可选的、因环境而异的角色，不属于随附功能，也不代表有权委派任务。遵循现有计划，不要强行要求使用新的冲突文件名，也不要提出三个重复的问题。确认数据/租户授权和验收示例；将密钥保留在服务器端，审查迁移影响，并在获准部署/发布/付款/发送消息前使用本地预览。报告实际测试结果，不要保证已达到生产就绪状态。
📦 模板（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 | CLI 应用 |
| monorepo-turborepo | Turborepo + pnpm | Monorepo |
🔗 相关 Agent
| Agent | 角色 |
|---|---|
project-planner | 任务拆解、依赖关系图 |
frontend-specialist | UI 组件、页面 |
backend-specialist | API、业务逻辑 |
database-architect | 架构、迁移 |
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