App Builder - Application Building Orchestrator

SkillAI & models

app-builder is a skill that turns a natural-language app idea into a working project. It detects the project type, chooses a suitable tech stack, scaffolds the directory structure from built-in templates, and breaks the work into tasks that it delegates to specialist agents while reporting progress.

Available today. Use it from your connected AI after setup.

Have an agent environment that supports skills and the tools this skill uses: Read, Write, Edit, Glob, Grep, Bash, and Agent.

Then ask your AI: use the App Builder - Application Building Orchestrator skill

What your AI can do with it

  • Detects the project type from a natural-language request
  • Selects a tech stack such as Next.js, FastAPI, or Flutter
  • Scaffolds directory structure using 13 built-in templates
  • Breaks work into tasks like database schema, API routes, and frontend components
  • Delegates work to agents like project-planner, frontend-specialist, and database-architect
  • Analyzes features and adds them to an existing project

Getting started

  1. Have an agent environment that supports skills and the tools this skill uses: Read, Write, Edit, Glob, Grep, Bash, and Agent.
  2. Add the app-builder skill to your agent's skills.
  3. Describe the app you want in plain language, for example a social app with photo sharing and likes.
  4. Let the skill detect the project type, pick a stack, and scaffold the project.
  5. Review the plan and progress as the skill coordinates specialist agents on each part.

What this skill tells your AI

The instructions your AI receives, as published by davila7/claude-code-templates in cli-tool/components/skills/business-marketing/app-builder/SKILL.md and read by ahel’s review.

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.

FileDescriptionWhen to Read
project-detection.mdKeyword matrix, project type detectionStarting new project
tech-stack.md2025 default stack, alternativesChoosing technologies
agent-coordination.mdAgent pipeline, execution orderCoordinating multi-agent work
scaffolding.mdDirectory structure, core filesCreating project structure
feature-building.mdFeature analysis, error handlingAdding features to existing project
templates/SKILL.mdProject templatesScaffolding new project

📦 Templates (13)

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

TemplateTech StackWhen to Use
nextjs-fullstackNext.js + PrismaFull-stack web app
nextjs-saasNext.js + StripeSaaS product
nextjs-staticNext.js + FramerLanding page
nuxt-appNuxt 3 + PiniaVue full-stack app
express-apiExpress + JWTREST API
python-fastapiFastAPIPython API
react-native-appExpo + ZustandMobile app
flutter-appFlutter + RiverpodCross-platform mobile
electron-desktopElectron + ReactDesktop app
chrome-extensionChrome MV3Browser extension
cli-toolNode.js + CommanderCLI app
monorepo-turborepoTurborepo + pnpmMonorepo

🔗 Related Agents

AgentRole
project-plannerTask breakdown, dependency graph
frontend-specialistUI components, pages
backend-specialistAPI, business logic
database-architectSchema, migrations
devops-engineerDeployment, 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

Signals

GitHub stars
32k
Forks
4k
Last commit
Sep 2026

ahel review

  • K1binfo
    installs-packages (in feature-building.md)
  • K1binfo
    installs-packages (in templates/chrome-extension/TEMPLATE.md)
  • K1binfo
    installs-packages (in templates/cli-tool/TEMPLATE.md)
  • K1binfo
    installs-packages (in templates/electron-desktop/TEMPLATE.md)
  • K1binfo
    installs-packages (in templates/express-api/TEMPLATE.md)
  • K1binfo
    installs-packages (in templates/nextjs-fullstack/TEMPLATE.md)
  • K1binfo
    installs-packages (in templates/nextjs-saas/TEMPLATE.md)
  • K1binfo
    installs-packages (in templates/nextjs-static/TEMPLATE.md)

Automated review, not a security audit. Ruleset v1+k2.

Questions

What kinds of projects can it build?
It includes 13 templates: Next.js full-stack, Next.js SaaS, Next.js static, Nuxt, Express API, FastAPI, React Native, Flutter, Electron desktop, Chrome extension, CLI tool, and Turborepo monorepo.
How does it choose a tech stack?
It detects the project type from keywords in the request, then consults its tech-stack guidance to pick a default stack or a suitable alternative.
Does it work alone?
No. It is an orchestrator that delegates tasks to related agents such as project-planner, frontend-specialist, backend-specialist, database-architect, and devops-engineer.
Advanced
Item type
skill
Key
app-builder-davila7
Source
github.com/davila7/claude-code-templates