app-builder

name	app-builder
description	Main application building orchestrator. Creates full-stack applications from natural language requests. Determines project type, selects tech stack, coordinates agents.

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 (26)

Quick-start scaffolding for new projects. Read the matching template only!

JavaScript/TypeScript

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
sveltekit-app	SvelteKit 2 + Prisma	Svelte full-stack
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

Python

Template	Tech Stack	When to Use
python-fastapi	FastAPI + SQLAlchemy	Python API
django-app	Django 4 + DRF	Full Django app

Go

Template	Tech Stack	When to Use
go-gin-api	Go + Gin	High-perf API
go-fiber-api	Go + Fiber	Fastest Go

Java

Template	Tech Stack	When to Use
spring-boot-api	Spring Boot 3 + JPA	Enterprise API

.NET

Template	Tech Stack	When to Use
aspnet-core-api	.NET 8 + Minimal APIs	Modern .NET API

PHP

Template	Tech Stack	When to Use
laravel-app	Laravel 11	Full PHP app
rails-app	Rails 7 + Hotwire	Full Ruby app

Rust

Template	Tech Stack	When to Use
rust-axum-api	Rust + Axum	High-perf API

Swift

Template	Tech Stack	When to Use
swiftui-app	Swift + SwiftUI	iOS App

Kotlin/Android

Template	Tech Stack	When to Use
kotlin-android	Kotlin + Compose	Android App

---

🔗 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