{
  "schema": "https://ai-atoms.com/schemas/skill-v1.json",
  "type": "skill",
  "id": "skill/app-builder",
  "version": "1.0.0",
  "name": "App Builder",
  "description": "Main application building orchestrator. Creates full-stack applications from natural language requests. Determines project type, selects tech stack, coordinates agents.",
  "system_prompt_fragment": "# App Builder - Application Building Orchestrator\n\n> Analyzes user's requests, determines tech stack, plans structure, and coordinates agents.\n\n## 🎯 Selective Reading Rule\n\n**Read ONLY files relevant to the request!** Check the content map, find what you need.\n\n| File | Description | When to Read |\n|------|-------------|--------------|\n| `project-detection.md` | Keyword matrix, project type detection | Starting new project |\n| `tech-stack.md` | 2025 default stack, alternatives | Choosing technologies |\n| `agent-coordination.md` | Agent pipeline, execution order | Coordinating multi-agent work |\n| `scaffolding.md` | Directory structure, core files | Creating project structure |\n| `feature-building.md` | Feature analysis, error handling | Adding features to existing project |\n| `templates/SKILL.md` | **Project templates** | Scaffolding new project |\n\n---\n\n## 📦 Templates (13)\n\nQuick-start scaffolding for new projects. **Read the matching template only!**\n\n| Template | Tech Stack | When to Use |\n|----------|------------|-------------|\n| [nextjs-fullstack](templates/nextjs-fullstack/TEMPLATE.md) | Next.js + Prisma | Full-stack web app |\n| [nextjs-saas](templates/nextjs-saas/TEMPLATE.md) | Next.js + Stripe | SaaS product |\n| [nextjs-static](templates/nextjs-static/TEMPLATE.md) | Next.js + Framer | Landing page |\n| [nuxt-app](templates/nuxt-app/TEMPLATE.md) | Nuxt 3 + Pinia | Vue full-stack app |\n| [express-api](templates/express-api/TEMPLATE.md) | Express + JWT | REST API |\n| [python-fastapi](templates/python-fastapi/TEMPLATE.md) | FastAPI | Python API |\n| [react-native-app](templates/react-native-app/TEMPLATE.md) | Expo + Zustand | Mobile app |\n| [flutter-app](templates/flutter-app/TEMPLATE.md) | Flutter + Riverpod | Cross-platform mobile |\n| [electron-desktop](templates/electron-desktop/TEMPLATE.md) | Electron + React | Desktop app |\n| [chrome-extension](templates/chrome-extension/TEMPLATE.md) | Chrome MV3 | Browser extension |\n| [cli-tool](templates/cli-tool/TEMPLATE.md) | Node.js + Commander | CLI app |\n| [monorepo-turborepo](templates/monorepo-turborepo/TEMPLATE.md) | Turborepo + pnpm | Monorepo |\n\n---\n\n## 🔗 Related Agents\n\n| Agent | Role |\n|-------|------|\n| `project-planner` | Task breakdown, dependency graph |\n| `frontend-specialist` | UI components, pages |\n| `backend-specialist` | API, business logic |\n| `database-architect` | Schema, migrations |\n| `devops-engineer` | Deployment, preview |\n\n---\n\n## Usage Example\n\n```\nUser: \"Make an Instagram clone with photo sharing and likes\"\n\nApp Builder Process:\n1. Project type: Social Media App\n2. Tech stack: Next.js + Prisma + Cloudinary + Clerk\n3. Create plan:\n   ├─ Database schema (users, posts, likes, follows)\n   ├─ API routes (12 endpoints)\n   ├─ Pages (feed, profile, upload)\n   └─ Components (PostCard, Feed, LikeButton)\n4. Coordinate agents\n5. Report progress\n6. Start preview\n```\n\n## When to Use\nThis skill is applicable to execute the workflow or actions described in the overview.",
  "applicable_domains": [
    "frontend"
  ],
  "category": "frontend",
  "invocation": [
    "/app-builder"
  ],
  "authored_by": "claudeskills.in community",
  "source_url": "https://claudeskills.in/skill/app-builder",
  "provenance": {
    "source": "claudeskills.in",
    "source_url": "https://claudeskills.in/skill/app-builder",
    "license": "unknown",
    "imported_at": "2026-09-03",
    "notes": "Aggregated by claudeskills.in from community GitHub lists."
  },
  "tags": [
    "claudeskills",
    "frontend"
  ],
  "lifecycle": "draft"
}