---

name: app-builder description: "Main application building orchestrator. Creates full-stack applications from natural language requests. Determines project type, selects tech stack, coordinates agents." risk: unknown source: community date_added: "2026-02-27"

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 | 2025 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 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 |

---

🔗 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 (12 endpoints)
   ├─ Pages (feed, profile, upload)
   └─ Components (PostCard, Feed, LikeButton)
4. Coordinate agents
5. Report progress
6. Start preview

When to Use

This skill is applicable to execute the workflow or actions described in the overview.