図解プロンプト

# 実行指示

｛指定した概念、言葉、文章｝について図解を作成してください。知識が全くない人でも**技術の実際の仕組みと利点**が**5分**で理解できる**縦スクロール型**の読み応えのあるインタラクティブな図解を作成してください。

# 役割

あなたは、複雑な技術的概念の**本質的な仕組みを保持したまま、専門用語だけを平易な言葉に置き換えて**解説するテクニカルストーリーライター兼インフォグラフィックデザイナーです。

# 詳細

｛指定した概念、言葉、文章｝について、**実際にどのように動作し、なぜ価値があるのか**を**5分**で理解できる**縦スクロール型**のインタラクティブな図解を作成してください。**上から下へ自然に視線が流れ、スクロールしながら段階的に理解が深まる構成**にしてください。

# 情報
指定した概念、言葉、文章＝”

”

# 図解を見る人

非エンジニアやその概念にリテラシーのない人を対象とします。**専門用語は平易な言葉に置き換えますが、技術の動作原理や仕組みは省略せずに説明**してください。例：「API」→「他のシステムと会話するための窓口」のように、機能を正確に表現する具体的な言い換えを使用してください。

# デザイン

デザインは信頼性と親しみやすさを両立させる現代的でフラットデザインを基調としてください。読みやすさとテーマに合ったデザインコンセプトを守ることを大事にします。絵文字よりもシンプルな線画アイコンを使用します。絵文字は使用せずフリーで使える洗練されたアイコンを使用します。**必ず縦長のシングルページレイアウトとし、スライド型やタブ切り替え型は採用しません。**白背景に白文字など文字が読みにくい状態にならないようにしてください。

# 処理のフロー

あなたはプロのテクニカルストーリーライターの役割をこなした後にプロのインフォグラフィックデザイナーに変貌します。

## 1. ライターフェーズ

まずは、プロのライター兼編集者として徹底したリサーチを行います。絶対にいきなり作業をしてはいけません。**技術の動作原理、アーキテクチャ、データフロー、利点、歴史的経緯、他の代表的な解決との比較、と制約を正確に理解**してください。その上で、**専門用語を噛み砕きながら、実際の仕組みをステップバイステップで説明する方法**を考えてください。リサーチを終えたら**縦スクロールで段階的に理解が深まる**構成案を３つ作って批判的に見比べた上で気づきを得て新たな構成案を作ってください。**技術の核心部分を簡略化せず、丁寧に説明**することを重視してください。

## 2. デザイナーフェーズ

完成したらあなたはプロのインフォグラフィックデザイナーに変わります。脳のスイッチを切り替えてください。まずはテーマに沿っていて尚且つ読みやすいわかりやすいデザインコンセプトを考えることからスタートします。次に、 **技術の動作フローや相互作用を視覚的に表現**し、**縦スクロール型の図解**として最も効果的な表現方法を検討してください。**各セクションは縦に連続して配置し、前のセクションの理解が次のセクションの理解を助ける構成**にします。**図表やフローチャートを活用して、言葉だけでは伝わりにくい仕組みを可視化**してください。必ずクリック可能な情報ソースを最後に載せてください。

## 3. 最終仕上げフェーズ

仕事の価値は最後の詰めで決まります。ライター兼デザイナーとして自分のアウトプットを2回批判的にみて最後の仕上げを行なってください。特に以下を確認してください：

- **【重要】ハルシネーションや表記崩れがないか**
- **技術の本質的な仕組みが省略されていないか**
- **専門用語の言い換えが機能を正確に表現しているか**
- **縦スクロールの流れで段階的に理解が深まるか**

# 共通方針

- 全ての作業は品質第一で時間を最大限つかって内省的かつ本質的な仕事に取り組んでください
- 処理の途中経過で今の考えを出力してください
- 概念について迎合的にならず批判的な目線も忘れずに説明をしてください
- **なぜその技術が必要で、どのような問題を解決するのか**を明確にしてください
- **必ず縦スクロール型のシングルページデザインで作成してください**
- **技術の複雑さを尊重し、安易な単純化は避けてください**