KhazP/vibe-coding-prompt-template

Templates and workflow for generating PRDs, Tech Designs, and MVP and more using LLMs for AI IDEs

Vibe‑Coding プロンプトテンプレート – 何であるか

Vibe‑Coding は、AIコーディングアシスタント(Claude、Gemini、ChatGPT、Cursor、VS Code Copilotなど)を使ってアイデアを実用的なMVPに変えるための、5段階の構造化されたワークフローです。このリポジトリには実行可能なアプリケーションは含まれていません。代わりに、以下のものを提供しています:

  • 任意のチャットベースのAIツールに貼り付け可能な、準備完了のプロンプト(part1‑deepresearch.mdpart2‑prd‑mvp.md…)。
  • 自分のプロジェクトフォルダ内に必要な「エージェントファイル」(AGENTS.mdMEMORY.mdagent_docs/…)をスケルトン化する小さなCLI(npx vibeworkflow)。
  • 5段階のプロセスを丁寧に説明するドキュメント:
    1. 深層リサーチ – 市場データを使ってアイデアの妥当性を検証。
    2. 製品要件(PRD) – MVPの範囲を定義。
    3. 技術設計 – スタック、デプロイ先、AIモデルを選定。
    4. エージェントファイル – AIが従う指示セットを生成。
    5. ビルド – AIと協働して段階的にコードを記述・レビュー・検証。
  • メモリ管理、マルチエージェントオーケストレーション、モデル選定マトリクス、AIセーフティチェックリストといった高度なトピックに関するガイダンス。

このリポジトリには、このワークフローを使って構築された実際のプロジェクト(例:vibeworkflow.appmoneyvisualiser.com)もリストアップされています。


だれが使うべきか

  • 自分でプロンプトエンジニアリングの基盤を書かずに、AI補助コーディングの繰り返し可能なプロセスを望むセルフ開発者や小さなチーム
  • LLM搭載IDEとの対話の構造を具体的に学びたい教育者や学習者
  • アイデアからコードへの明確で文書化された引き継ぎが必要なプロダクトマネージャー

動作方法(概要)

  1. プロンプトファイル(例:part1-deepresearch.md)をチャットウィンドウにコピー。
  2. AIがいくつかの確認質問を行い、リサーチドキュメントを生成。
  3. PRDと技術設計のプロンプトを順次繰り返し、前回の出力をコンテキストとして渡す。
  4. npx vibeworkflow(または「エージェントファイル」のプロンプトを貼り付け)を実行して、AIの「契約書」となるマーカドファイル群(AGENTS.mdMEMORY.mdなど)を生成。
  5. AI対応IDEで、AIにAGENTS.mdを読み込ませ、MVPの機能を段階的に構築し、各チャンクごとにレビューを求めるように指示。

リポジトリに含まれるもの

項目 目的
part*.md ファイル 各計画ステップ用のプロンプトテンプレート。
AGENTS.md(生成済み) プロジェクト全体を通してAIの振る舞いを指示する中心的な命令セット。
MEMORY.md(生成済み) チャットコンテキストを過負荷にしない、ファイルベースの永続的メモリ。
agent_docs/(生成済み) AIが参照できる人間が読めるドキュメント(技術スタック、テスト戦略など)。
npx vibeworkflow CLI 小さなNodeベースのヘルパー。docs/に配置したPRD/技術設計に基づいて上記ファイルを自動生成。
README.md(このファイル) 完全な手順、ツール推奨、セーフティガイドライン、および例プロジェクトへのリンク。

なぜ役立つのか

  • 一貫性 – 計画と引き継ぎステップをコード化することで、AIが「逸脱」したり、初期の決定を忘れたりするリスクを低減。
  • ツール非依存 – 任意のチャットベースのLLM(Claude、Gemini、ChatGPT)と、さまざまなIDE拡張(Cursor、VS Code Copilot、Claude Codeなど)で動作。
  • セーフティ最優先 – モデル選定、コスト制限、プロンプトインジェクション保護、アーティファクト優先メモリのチェックリストを含み、責任あるAI利用を促進。
  • 迅速なプロトタイピング – 数時間で完了できるワークフロー設計で、ハッカソンや迅速なMVP開発に適している。

すぐに始める(簡単なステップ)

  1. Nodeがインストールされていない場合はインストール
  2. 新しいフォルダをアプリ用に作成。
  3. AI対応IDEから npx vibeworkflow を実行(またはプロンプトを手動でコピー)。CLIがdocs/agent_docs/のスケルトンを作成。
  4. part1‑deepresearch.mdのプロンプトを選んだAIチャットに貼り付け、対話に従う。
  5. パート2と3も繰り返し、出力をdocs/に保存。
  6. npx vibeworkflow doctorを実行して生成されたエージェントファイルを検証。
  7. AIに最初の命令を出す(例:「AGENTS.mdを読む、フェーズ1の計画を提案、承認を待ってから構築」)し、反復的に進める。

制限事項

  • リポジトリには完成したコードベースは提供されていないため、実際のアプリケーションコードはAIを使って記述または生成する必要がある。
  • 成功は、基盤となるLLMの能力と、入力するプロンプトの質に依存する。
  • Webアプリや軽量アプリ向けに設計されている。安全に重要なシステムや厳格に規制されるシステムには明確に推奨されていない

ライセンスと貢献

  • MITライセンスで提供。
  • プルリクエストは歓迎。作者はプロンプトとドキュメントのコミュニティ主導の改善を推奨。

要するにvibe‑coding‑prompt‑template リポジトリは、AI補助ソフトウェア開発をオーケストレーションする実用的でオープンソースのガイドとCLIであり、繰り返し可能で安全意識の高いワークフローを通じて、高レベルのアイデアを具体的なMVPに変えることを可能にします。

関連

  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト