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:
- Project type: Social Media App
- Tech stack: Next.js + Prisma + Cloudinary + Clerk
- Create plan: ├─ Database schema (users, posts, likes, follows) ├─ API routes (12 endpoints) ├─ Pages (feed, profile, upload) └─ Components (PostCard, Feed, LikeButton)
- Coordinate agents
- Report progress
- Start preview