app-builder

アプリビルダー - アプリケーション構築オーケストレーター

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

🎯 選択的な読み取りルール

リクエストに関連するファイルだけを読みます！ コンテンツマップを確認し、必要な情報を探してください。

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

---

📦 テンプレート（13）

新しいプロジェクト向けのクイックスタート用スキャフォールディングです。該当するテンプレートだけを読んでください！

テンプレート	技術スタック	使用する場面
nextjs-fullstack	Next.js + Prisma	フルスタックのウェブアプリ
nextjs-saas	Next.js + Stripe	SaaS 製品
nextjs-static	Next.js + Framer	ランディングページ
nuxt-app	Nuxt 4 + 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	モノレポ
astro-static	Astro + MDX	ブログ／ドキュメント

---

🔗 関連エージェント

エージェント	役割
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 (auth, posts, likes, follows)
   ├─ Pages (feed, profile, upload)
   └─ Components (PostCard, Feed, LikeButton)
4. Coordinate agents
5. Report progress
6. Start preview