About app-builder
app-builder is an application-building skill for agents that analyzes requests, selects a tech stack, plans project structure, and coordinates specialized agents. Its file map and 13 project templates guide scaffolding and feature work.
Key features
- 01Request and project-type analysis
- 02Tech-stack selection guidance
- 03Project planning and agent coordination
- 04Scaffolding guidance and 13 templates
- 05Feature-building and error-handling guidance
Use cases
- 01Starting a new web, mobile, or desktop project
- 02Choosing a stack and matching a project template
- 03Coordinating agents to build application features
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/app-builderin Claude Code to confirm it loaded.
Bundled files
References and scripts installed along with SKILL.md.
agent-coordination.mdfeature-building.mdproject-detection.mdscaffolding.mdtech-stack.mdtemplates/astro-static/TEMPLATE.mdtemplates/chrome-extension/TEMPLATE.mdtemplates/cli-tool/TEMPLATE.mdtemplates/electron-desktop/TEMPLATE.mdtemplates/express-api/TEMPLATE.mdtemplates/flutter-app/TEMPLATE.mdtemplates/monorepo-turborepo/TEMPLATE.mdtemplates/nextjs-fullstack/TEMPLATE.mdtemplates/nextjs-saas/TEMPLATE.mdtemplates/nextjs-static/TEMPLATE.mdtemplates/nuxt-app/TEMPLATE.mdtemplates/python-fastapi/TEMPLATE.mdtemplates/react-native-app/TEMPLATE.mdDetails
From the project READMEApp 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 (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 4 + 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 |
| astro-static | Astro + MDX | Blog / Documentation |
🔗 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 (auth, posts, likes, follows)
├─ Pages (feed, profile, upload)
└─ Components (PostCard, Feed, LikeButton)
4. Coordinate agents
5. Report progress
6. Start preview
Comments
Markdown supported