🧱PLANNING BITTER
文章構造化 → 情報デザインHTML | 2ステップツール

文章がすでに用意できている場合は、ステップ2へ進むだけで使えます。このページはAIへの指示文を組み立てます。AIの実行結果は、それぞれ貼り付けてください。

ステップ1：原文を構造化する

元の文章から、構造化MarkdownをAIに作らせるためのプロンプトを生成します。この工程は省略できます。

🧪 1. 構造化ルール（Recipe）

重要: この工程では「文章を良く書き直す」のではなく、「原文のまま構造を見える化」します。
目的: 次工程の情報デザインHTMLメーカーが、巨大な本文カードを作らず細かくレイアウトできる状態にします。

🧩 2. 入力文（Ingredients）

文章が一続きになっていても構いません。番号、コロン、列挙、コマンド、注意語を手掛かりに構造化させます。

📋 プロンプトの操作

ChatGPT向け 構造化：標準 HTML前処理
作成したプロンプトを確認する
ここに、このプロンプトが何をするかの概要が表示されます。

AIが返した構造化Markdown

上のプロンプトをAIで実行し、返ってきた文章をここに貼ってください。ここにある文章だけをステップ2へ渡します。

ステップ2：情報デザインHTMLを作る

「元になる入力文」に直接貼り付けるか、ステップ1の結果を上のボタンで転記します。ここでHTML作成用プロンプトを生成します。

🧪 1. ツール設計（Recipe）

右側の完成プロンプト冒頭に反映されます。

🧩 2. 入力情報（Ingredients）

📋 プロンプトの操作

ChatGPT向け light 図解：標準
作成したプロンプトを確認する
ここに、このプロンプトで何を生成させるかの概要が表示されます。

完成HTMLの受け取り

ステップ2のプロンプトは、AIに完成HTMLファイルの作成を依頼します。AIがファイル出力に対応している場合は、AI側から直接ダウンロードできます。HTMLコードをこの画面に貼る必要はありません。