# App Builder

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

- Skill: `sk-labs/app-builder` (Agent Skill, multi-file: 6 files)
- Install (CLI): `npx skillmds@latest add sk-labs/app-builder`
- Raw SKILL.md: https://api.skillmd.com/api/skills/sk-labs/app-builder/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: sk-labs (https://skillmd.com/u/sk-labs)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/sk-labs/app-builder

---


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

---

## 📦 Supported Project Types
 
 The App Builder supports the following architectures. Use these as reference when planning structure:
 
 | Type | Tech Stack | Description |
 |------|------------|-------------|
 | **Next.js Fullstack** | Next.js + Prisma | Full-stack web app with database |
 | **Next.js SaaS** | Next.js + Stripe | SaaS product skeleton |
 | **Next.js Static** | Next.js + Framer | High-performance landing page |
 | **Nuxt App** | Nuxt 3 + Pinia | Vue full-stack application |
 | **Express API** | Express + JWT | RESTful API service |
 | **Python FastAPI** | FastAPI | High-performance Python API |
 | **React Native** | Expo + Zustand | Mobile application (iOS/Android) |
 | **Flutter App** | Flutter + Riverpod | Cross-platform mobile app |
 | **Electron Desktop** | Electron + React | Cross-platform desktop app |
 | **Chrome Extension** | Chrome MV3 | Browser extension manifest v3 |
 | **CLI Tool** | Node.js + Commander | Command-line interface tool |
 | **Monorepo** | Turborepo + pnpm | Multi-package workspace |

---

## 🔗 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
```