AI製品開発ツールキット

AIアシスタント（Claude CodeやCodexなど）を使用して、Webアプリを構造的に計画、構築、リリースするためのプロンプト、指示、コマンド形式のスキルのコレクションです。

このプロジェクトはMITライセンスで提供されており、主に4つのパートで構成されています。

---

1. 計画用プロンプト

（あらゆるAIチャットツールで使用可能な）6つの対話型プロンプトセットです。これらは、推測に基づいたドキュメントを即座に作成するのではなく、まずあなたにインタビューを行います。ターゲットを絞った質問をし、前提条件を確認した上で、合意が得られてから計画を起草します。各ステップが次のステップへとつながります。

ステップ	プロンプト → 得られるもの
1	ユーザーリサーチアンケート → PRDのためのエビデンスに基づいたリサーチ要約
2	PRD生成 → 製品要件ドキュメント（目標、ユーザー、要件、制約）
3	UXとユーザーフロー → ユーザージャーニー、画面、インターフェース要件
4	MVPスコープ → コア仮説、最初に解決すべき問題、簡潔な機能リスト
5	MVP構築計画 → 完全な開発計画または「超軽量」ビルド仕様
6	テスト計画 → テスト範囲、テストタイプ、環境、開始/終了基準

使用方法： プロンプトテキストをコピーし（「Copy raw content」ボタンを使用）、括弧内のプレースホルダーを埋めて、AIチャットに貼り付け、質問に答えてください。ほとんどの人はステップ2から始めますが、潜在ユーザーにインタビューできる場合はステップ1から始めてください。どのステップからでも開始可能です。

---

2. AIアプリスターター

アイデアからリリースまで、Next.js + Supabase + Vercel Webアプリをあなたと一緒にステップバイステップで構築するために、コーディングエージェントが従う指示（コードではありません）です。プロセスを知る必要はありません。エージェントがリードし、あなたは平易な言葉で答えるだけです。

• このスターターは100%指示で構成されています：段階的なステップ、権限ルール、テスト/CI要件が含まれます。エージェントがアプリ、テスト、チェックを自身で記述します。
• セットアップ： Claude Code（デスクトップまたはターミナル）またはCodexで新しい空のフォルダを開き、1行のクローンコマンドを貼り付け、「what's next?」や「continue」と言うだけです。
• すでにPRDやMVPスコープがある場合、スターターはそれらを要求し、インタビューをスキップします。

安全性とワークフロー機能

• 本番環境に直接触れない — ローカルデータベースとダミーの決済/メールサービスを使用し、あなたのコンピュータ上でのみ動作します。ホストされたキー（テストキーでさえも）を保持することはなく、デプロイのプッシュと開始はあなた自身が行います。
• 平易な言葉でリード — 次の作業に必要なことだけを尋ね、すべてのローカルステップを自身で実行し、残りの作業は1つのコマンドや数回のクリックで済むようにします。
• 整理された状態を維持 — 1つの計画、1つの決定ファイル、1つの既知の問題リスト。新しいアイデアは作業を脱線させるのではなく、計画に組み込まれます。

要件

• 開始時： Node.js, Git, Docker。
• アプリ公開後： GitHub, Vercel, Supabaseアカウント。
• テスト済み： Claude CodeデスクトップでWebショップの初期部分まで、およびホストされたステージング/本番環境を持つライブサイトでテスト済み。
• 未テスト： Codex、および完全なリリース。

---

3. スキル

Claude CodeまたはCodexを使用している場合、計画用プロンプト、AIアプリスターター、ビデオメーカーを名前付きコマンド（例：/prd, /ux, /mvp-scope, /nextjs-supabase-vercel）としてインストールできます。1行をエージェントに貼り付けるだけで、すべてインストールされます（名前を指定して一部だけインストールすることも可能です）。

スキル	コマンド	機能
ユーザーリサーチ	/user-research	アンケートを計画し、回答をPRD入力に変換
PRD	/prd	インタビューを行い、製品要件を起草
UXとユーザーフロー	/ux	PRDから画面とフローをマッピング
MVPスコープ	/mvp-scope	構築すべき最小限の最初のバージョンを選択
MVP構築計画	/mvp-plan	完全または超軽量の構築計画
テスト計画	/test-plan	テスト範囲と開始/終了基準を起草
AIアプリスターター	/nextjs-supabase-vercel	スターターを含む空のフォルダをセットアップ
ビデオ	/remotion-video	アイデアとストーリーボードを承認後、コード (Remotion) で短い製品ビデオを作成

注意：

• Codexでは / の代わりに $ を使用してください（例：$prd）。
• スキルは呼び出した時のみ実行されます。各計画スキルは、対応する計画用プロンプトをそのまま実行します。
• ビデオスキルには Node.js（および通常は音声用に Python）が必要です。計画を承認すると、Remotionが自動的にインストールされます。READMEにデモビデオが埋め込まれています。
• スキルを更新するには、同じインストール行を再度貼り付けてください。

---

4. エージェント設定

Anthropicのドキュメントに基づいた、Claude Code用のすぐに使える作業指示です。あなた自身のセットアップにマージすることを目的としています（置き換えるものではありません）：

設定	追加内容
Claude Sonnet 5.5 ルール (最新)	Opus 5.5ファイル + 3つの短い追加：要求されていない余計なことはしない、計画を提示した後に停止する、完了と言う前に実際のチェックを実行する。
Claude Opus 5.5 ルール	明確なスコープ、簡潔な回答、最新のドキュメント検索（無料のドキュメントツールContext7経由）のための CLAUDE.md。
Claude Opus 5 ルール	Opus 5用に書かれた同じコンセプト。

---

知っておくべきこと（READMEより）

• AIの出力はドラフトです — 依存する前に、要件、計画、コードを確認してください。
• AIツールが不要な個人情報は貼り付けないでください。
• フィードバックはGitHub Issues（フォームで使用したプロンプト/スキル/スターターを選択）、質問はDiscussions、貢献はCONTRIBUTING経由で歓迎します。