app builder

Skill

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

Files20
  • @skills/app-builder/SKILL.md
  • @skills/app-builder/agent-coordination.md
  • @skills/app-builder/feature-building.md
  • @skills/app-builder/project-detection.md
  • @skills/app-builder/scaffolding.md
  • @skills/app-builder/tech-stack.md
  • @skills/app-builder/templates/SKILL.md
  • @skills/app-builder/templates/astro-static/TEMPLATE.md
  • @skills/app-builder/templates/chrome-extension/TEMPLATE.md
  • @skills/app-builder/templates/cli-tool/TEMPLATE.md
  • @skills/app-builder/templates/electron-desktop/TEMPLATE.md
  • @skills/app-builder/templates/express-api/TEMPLATE.md
  • @skills/app-builder/templates/flutter-app/TEMPLATE.md
  • @skills/app-builder/templates/monorepo-turborepo/TEMPLATE.md
  • @skills/app-builder/templates/nextjs-fullstack/TEMPLATE.md
  • @skills/app-builder/templates/nextjs-saas/TEMPLATE.md
  • @skills/app-builder/templates/nextjs-static/TEMPLATE.md
  • @skills/app-builder/templates/nuxt-app/TEMPLATE.md
  • @skills/app-builder/templates/python-fastapi/TEMPLATE.md
  • @skills/app-builder/templates/react-native-app/TEMPLATE.md

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.
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-fullstack [blocked]Next.js + PrismaFull-stack web app
nextjs-saas [blocked]Next.js + StripeSaaS product
nextjs-static [blocked]Next.js + FramerLanding page
nuxt-app [blocked]Nuxt 3 + PiniaVue full-stack app
express-api [blocked]Express + JWTREST API
python-fastapi [blocked]FastAPIPython API
react-native-app [blocked]Expo + ZustandMobile app
flutter-app [blocked]Flutter + RiverpodCross-platform mobile
electron-desktop [blocked]Electron + ReactDesktop app
chrome-extension [blocked]Chrome MV3Browser extension
cli-tool [blocked]Node.js + CommanderCLI app
monorepo-turborepo [blocked]Turborepo + 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

text
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