关于 app-builder
app-builder 是面向 Agent 的应用构建技能，可分析需求、选择技术栈、规划项目结构并协调专门 Agent。它提供文件索引和 13 种项目模板，支持脚手架搭建与功能开发。
主要功能
- 01分析需求与项目类型
- 02技术栈选择指南
- 03项目规划与 Agent 协作
- 04脚手架指南及 13 种模板
- 05功能构建与错误处理指南
适用场景
- 01启动 Web、移动或桌面项目
- 02选择技术栈和匹配项目模板
- 03协调 Agent 开发应用功能
安装
复制下面的命令，在终端中运行。
$
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 | 2026 年默认技术栈、替代方案 | 选择技术时 |
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 4 + 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 |
| astro-static | Astro + MDX | 博客 / 文档 |
🔗 相关 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 (auth, posts, likes, follows)
├─ Pages (feed, profile, upload)
└─ Components (PostCard, Feed, LikeButton)
4. Coordinate agents
5. Report progress
6. Start preview
评论
支持 Markdown