App Builder - Application Building Orchestrator
Analyzes user's requests, determines tech stack, plans structure, and coordinates agents.
🎯 Selective Reading Rule
Read ONLY files relevant to the request! Check the content map, find what you need.
| File |
Description |
When to Read |
project-detection.md |
Keyword matrix, project type detection |
Starting new project |
tech-stack.md |
2026 default stack, alternatives |
Choosing technologies |
agent-coordination.md |
Agent pipeline, execution order |
Coordinating multi-agent work |
scaffolding.md |
Directory structure, core files |
Creating project structure |
feature-building.md |
Feature analysis, error handling |
Adding features to existing project |
templates/SKILL.md |
Project templates |
Scaffolding new project |
📦 Templates (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 4 + 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 |
| astro-static |
Astro + MDX |
Blog / Documentation |
🔗 Related Agents
| Agent |
Role |
project-planner |
Task breakdown, dependency graph |
frontend-specialist |
UI components, pages |
backend-specialist |
API, business logic |
database-architect |
Schema, migrations |
devops-engineer |
Deployment, preview |
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 (auth, posts, likes, follows)
├─ Pages (feed, profile, upload)
└─ Components (PostCard, Feed, LikeButton)
4. Coordinate agents
5. Report progress
6. Start preview
1---2name: app-builder3description: Main application building orchestrator. Creates full-stack applications from natural language requests. Determines project type, selects tech stack, coordinates agents.4---5
6# App Builder - Application Building Orchestrator
7
8> Analyzes user's requests, determines tech stack, plans structure, and coordinates agents.
9
10## 🎯 Selective Reading Rule
11
12**Read ONLY files relevant to the request!** Check the content map, find what you need.
13
14| File | Description | When to Read |
15|------|-------------|--------------|
16| `project-detection.md` | Keyword matrix, project type detection | Starting new project |
17| `tech-stack.md` | 2026 default stack, alternatives | Choosing technologies |
18| `agent-coordination.md` | Agent pipeline, execution order | Coordinating multi-agent work |
19| `scaffolding.md` | Directory structure, core files | Creating project structure |
20| `feature-building.md` | Feature analysis, error handling | Adding features to existing project |
21| `templates/SKILL.md` | **Project templates** | Scaffolding new project |
22
23---
24
25## 📦 Templates (13)
26
27Quick-start scaffolding for new projects. **Read the matching template only!**
28
29| Template | Tech Stack | When to Use |
30|----------|------------|-------------|
31| [nextjs-fullstack](templates/nextjs-fullstack/TEMPLATE.md) | Next.js + Prisma | Full-stack web app |
32| [nextjs-saas](templates/nextjs-saas/TEMPLATE.md) | Next.js + Stripe | SaaS product |
33| [nextjs-static](templates/nextjs-static/TEMPLATE.md) | Next.js + Framer | Landing page |
34| [nuxt-app](templates/nuxt-app/TEMPLATE.md) | Nuxt 4 + Pinia | Vue full-stack app |
35| [express-api](templates/express-api/TEMPLATE.md) | Express + JWT | REST API |
36| [python-fastapi](templates/python-fastapi/TEMPLATE.md) | FastAPI | Python API |
37| [react-native-app](templates/react-native-app/TEMPLATE.md) | Expo + Zustand | Mobile app |
38| [flutter-app](templates/flutter-app/TEMPLATE.md) | Flutter + Riverpod | Cross-platform mobile |
39| [electron-desktop](templates/electron-desktop/TEMPLATE.md) | Electron + React | Desktop app |
40| [chrome-extension](templates/chrome-extension/TEMPLATE.md) | Chrome MV3 | Browser extension |
41| [cli-tool](templates/cli-tool/TEMPLATE.md) | Node.js + Commander | CLI app |
42| [monorepo-turborepo](templates/monorepo-turborepo/TEMPLATE.md) | Turborepo + pnpm | Monorepo |
43| [astro-static](templates/astro-static/TEMPLATE.md) | Astro + MDX | Blog / Documentation |
44
45---
46
47## 🔗 Related Agents
48
49| Agent | Role |
50|-------|------|
51| `project-planner` | Task breakdown, dependency graph |
52| `frontend-specialist` | UI components, pages |
53| `backend-specialist` | API, business logic |
54| `database-architect` | Schema, migrations |
55| `devops-engineer` | Deployment, preview |
56
57---
58
59## Usage Example
60
61```
62User: "Make an Instagram clone with photo sharing and likes"
63
64App Builder Process:
651. Project type: Social Media App
662. Tech stack: Next.js + Prisma + Cloudinary + Clerk
673. Create plan:
68 ├─ Database schema (users, posts, likes, follows)
69 ├─ API routes (auth, posts, likes, follows)
70 ├─ Pages (feed, profile, upload)
71 └─ Components (PostCard, Feed, LikeButton)
724. Coordinate agents
735. Report progress
746. Start preview
75```
vudovn