app-builder

App Builder - アプリケーション構築オーケストレーター

ユーザーのリクエストを分析し、技術スタックを決定して構造を計画し、エージェントを調整します。

🎯 選択的読み取りルール

リクエストに関連するファイルのみを読んでください！ コンテンツマップを確認し、必要なものを見つけてください。

ファイル	説明	読むタイミング
project-detection.md	キーワードマトリックス、プロジェクトタイプの検出	新規プロジェクトの開始時
tech-stack.md	2025年のデフォルトスタック、代替案	技術の選定時
agent-coordination.md	エージェントパイプライン、実行順序	複数エージェントの作業を調整するとき
scaffolding.md	ディレクトリ構造、コアファイル	プロジェクト構造を作成するとき
feature-building.md	機能分析、エラー処理	既存プロジェクトに機能を追加するとき
templates/SKILL.md	プロジェクトテンプレート	新規プロジェクトの雛形作成時

---

📦 テンプレート（13）

新規プロジェクト向けのクイックスタート用の雛形です。該当するテンプレートのみを読んでください！

テンプレート	技術スタック	使用するタイミング
nextjs-fullstack	Next.js + Prisma	フルスタックのWebアプリ
nextjs-saas	Next.js + Stripe	SaaSプロダクト
nextjs-static	Next.js + Framer	ランディングページ
nuxt-app	Nuxt 3 + Pinia	Vueのフルスタックアプリ
express-api	Express + JWT	REST API
python-fastapi	FastAPI	Python API
react-native-app	Expo + Zustand	モバイルアプリ
flutter-app	Flutter + Riverpod	クロスプラットフォームのモバイルアプリ
electron-desktop	Electron + React	デスクトップアプリ
chrome-extension	Chrome MV3	ブラウザ拡張機能
cli-tool	Node.js + Commander	CLIアプリ
monorepo-turborepo	Turborepo + pnpm	モノレポ

---

🔗 関連エージェント

エージェント	役割
project-planner	タスク分解、依存関係グラフ
frontend-specialist	UIコンポーネント、ページ
backend-specialist	API、ビジネスロジック
database-architect	スキーマ、マイグレーション
devops-engineer	デプロイ、プレビュー

---

使用例

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