Menu
技術スタック確認ヒアリングのフレームワーク（レイヤー別選択肢、提案形式、確定フォーマット）
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/takemo101/compose-workflow --skill tech-stack-selectionThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Showing SKILL.md
Based on SOC occupation classification
| name | tech-stack-selection |
| description | 技術スタック確認ヒアリングのフレームワーク（レイヤー別選択肢、提案形式、確定フォーマット） |
参照元: basic-design-writer, basic-design-workflow
常に実行。要件定義書の技術スタックが定義済みでも、ユーザーに確認を行う。
目的:
要件定義書から以下を特定：
| 抽出項目 | 確認観点 |
|---|---|
| パフォーマンス要件 | 同時接続数、レスポンス時間 |
| セキュリティ要件 | 認証方式、暗号化 |
| 可用性要件 | 稼働率、障害復旧 |
| ユーザー層 | 利用デバイス、地域 |
| データ特性 | 構造化/非構造化、規模 |
## 技術スタック確認
### 定義済み（要件定義書より）
| レイヤー | 技術 | 確認 |
|---------|------|------|
| フロントエンド | Next.js | ✅ このまま進めてよいですか？ |
| バックエンド | Node.js | ✅ このまま進めてよいですか？ |
### 未定義（提案します）
| レイヤー | 推奨 | 理由 |
|---------|------|------|
| UIライブラリ | shadcn/ui | カスタマイズ性、軽量 |
| ORM | Prisma | 型安全、マイグレーション管理 |
| 認証 | NextAuth.js | Next.js統合 |
**対応を選択してください**:
1. 承認 → 提案内容を確認して続行
2. 変更 → 変更したい技術を指定
3. スキップ → 確認不要で続行
> 番号を選択してください（1-3）:
| 選択肢 | 特徴 | 適合度 |
|---|---|---|
| Next.js + React | SSR/SSG対応、大規模エコシステム | 推奨 |
| Nuxt.js + Vue | 学習コスト低、中小規模向き | ○ |
| SvelteKit | 軽量・高速 | △ |
| 選択肢 | 特徴 | 適合度 |
|---|---|---|
| shadcn/ui + Tailwind | カスタマイズ性高、軽量 | 推奨 |
| MUI | 豊富なコンポーネント | ○ |
| Chakra UI | アクセシビリティ重視 | ○ |
| 選択肢 | 特徴 | 適合度 |
|---|---|---|
| TanStack Query + Zustand | サーバー/クライアント状態分離 | 推奨 |
| Redux Toolkit | 大規模向け | ○ |
| 選択肢 | 特徴 | 適合度 |
|---|---|---|
| Node.js + Hono/Express | JSエコシステム統一 | 推奨 |
| Go + Echo/Gin | 高パフォーマンス | ○ |
| Python + FastAPI | ML親和性 | ○ |
| 選択肢 | 特徴 | 適合度 |
|---|---|---|
| PostgreSQL | 高機能、JSON対応 | 推奨 |
| MySQL | 実績豊富 | ○ |
| MongoDB | スキーマレス | △ |
| 選択肢 | 特徴 | 適合度 |
|---|---|---|
| Prisma | 型安全、マイグレーション管理 | 推奨 |
| Drizzle | 軽量、SQL寄り | ○ |
| 選択肢 | 特徴 | 適合度 |
|---|---|---|
| NextAuth.js / Auth.js | Next.js統合、OAuth対応 | 推奨 |
| Clerk | マネージド、有料 | ○ |
| Supabase Auth | PostgreSQL統合 | ○ |
| 選択肢 | 特徴 | 適合度 |
|---|---|---|
| Vercel + Supabase | サーバーレス、運用コスト低 | 推奨 |
| AWS (ECS/Lambda) | フルコントロール | ○ |
| GCP (Cloud Run) | コンテナベース | ○ |
| 選択肢 | 特徴 | 適合度 |
|---|---|---|
| GitHub Actions | GitHub統合、エコシステム豊富 | 推奨 |
| GitLab CI | オンプレ対応 | ○ |
| レイヤー | 推奨ツール |
|---|---|
| 単体/結合 | Vitest |
| E2E | Playwright |
| 選択肢 | 特徴 | 適合度 |
|---|---|---|
| Sentry | エラー監視 | 推奨 |
| Datadog | フルスタック監視、有料 | ○ |
| # | レイヤー | 選択 | コメント |
|---|---------|------|---------|
| 1 | フロントエンド | Next.js / Nuxt.js / 他: ___ | |
| 2 | UIライブラリ | shadcn/ui / MUI / 他: ___ | |
| 3 | 状態管理 | TanStack Query+Zustand / Redux / 他: ___ | |
| 4 | バックエンド | Node.js / Go / Python / 他: ___ | |
| 5 | データベース | PostgreSQL / MySQL / 他: ___ | |
| 6 | ORM | Prisma / Drizzle / 他: ___ | |
| 7 | 認証 | NextAuth.js / Clerk / 他: ___ | |
| 8 | インフラ | Vercel+Supabase / AWS / 他: ___ | |
| 9 | CI/CD | GitHub Actions / 他: ___ | |
| 10 | モニタリング | Sentry / Datadog / 他: ___ | |
### 2.2 技術スタック
| レイヤー | 技術 | 選定理由 | 備考 |
|---------|------|---------|------|
| フロントエンド | Next.js 14 | SSR対応、React経験あり | |
| UIライブラリ | shadcn/ui + Tailwind | カスタマイズ性、軽量 | |
| 状態管理 | TanStack Query + Zustand | 状態分離 | |
| バックエンド | Node.js + Hono | TypeScript統一 | |
| データベース | PostgreSQL | 関係データ、JSON対応 | Supabase |
| ORM | Prisma | 型安全 | |
| 認証 | NextAuth.js | OAuth対応 | |
| インフラ | Vercel + Supabase | サーバーレス | |
| CI/CD | GitHub Actions | GitHub統合 | |
| テスト | Vitest + Playwright | 高速、E2E | |
| モニタリング | Sentry | エラー監視 | |
以下の場合のみヒアリングをスキップ：
注意: 「要件定義書で定義済み」「既存コードベースあり」だけではスキップしない。 必ずユーザーに確認サマリーを提示し、明示的な承認を得る。