← 画像生成のカテゴリへ戻る
画像生成用AIプロンプト
AIで図解：Mermaid.js業務フロー・システム構成図作成プロンプト（エンジニア向け）
設計書作成の時間を大幅短縮！テキストで業務ロジックを説明するだけで、GitHubやNotionで即座に使えるMermaid.js形式のフローチャートをAIが自動生成します。要件定義や仕様書の図解に最適です。
0
プロンプト本文（編集できます）
この編集内容はブラウザ内だけで使われ、保存はされません。
AI 出力
おすすめの利用場面
- ・基本設計書・詳細設計書の図解作成
- ・複雑な業務フロー（ロジック）の可視化
- ・GitHub、Notion、Obsidianでのドキュメント管理
- ・エンジニア間の仕様共有の円滑化
使い方
- 1. プロンプトをコピーしてGeminiやChatGPT、Claudeなどに貼り付けます。
- 2. 「入力情報」に、システムの流れや条件分岐を日本語で自由に入力します。
- 3. 出力されたコードをコピーし、Mermaid Live EditorやNotionのコードブロック（mermaid）に貼り付けて完了です。
入力例
入力情報：ユーザーがECサイトで商品を購入。在庫を確認し、あれば決済へ。決済成功で注文完了メール送信。在庫なしや決済失敗時はエラー画面表示。
出力イメージ
graph TD Start((購入開始)) --> CheckStock{在庫確認} CheckStock -- 在庫あり --> Payment[決済実行] CheckStock -- 在庫なし --> Error[エラー通知] Payment --> PayCheck{決済成功?} PayCheck -- Yes --> Success[注文完了メール送信] PayCheck -- No --> Error ...