app-builder
Main application building orchestrator. Creates full-stack applications from natural language requests. Determines project type, selects tech stack, coordinates agents. Use for creating new applications, scaffolding projects, or building features from scratch.
When & Why to Use This Skill
The App Builder is a powerful full-stack orchestration skill that transforms natural language prompts into complete, functional applications. It serves as a project architect by automatically determining the optimal tech stack, generating standardized scaffolding, and coordinating specialized agents to handle frontend, backend, and database development. By leveraging modern templates and multi-agent workflows, it significantly accelerates the software development lifecycle from initial concept to deployment-ready code.
Use Cases
- 1. Rapid MVP Development: Quickly build and launch SaaS products, landing pages, or mobile apps by describing core features in plain English.
- 2. Automated Project Scaffolding: Generate production-grade boilerplate for various frameworks including Next.js, FastAPI, Express, and Flutter with standardized directory structures.
- 3. Multi-Agent Orchestration: Coordinate specialized sub-agents (frontend, backend, database) to work in harmony on complex, multi-layered features.
- 4. Tech Stack Modernization: Automatically select and implement the best-suited 2025 technology stacks for specific project requirements like REST APIs, Chrome extensions, or cross-platform mobile apps.
- 5. Feature Expansion: Analyze existing codebases to plan and execute the addition of new complex features while maintaining architectural consistency.
| name | app-builder |
|---|---|
| description | Main application building orchestrator. Creates full-stack applications from natural language requests. Determines project type, selects tech stack, coordinates agents. |
| allowed-tools | Read, Write, Edit, Glob, Grep, Bash, Agent |
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 (12)
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 |
| 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