生成AIを使い始めた人でも、質問に答える感覚で構造化プロンプトを作成できます。必要ならローカルファイルをBase64（Data URL）として添付できます。
LAB NOTE
EXPERIMENT THEME
PROMPT × STRUCTURE
01 / WHY
生成AIへの指示を長い文章としてゼロから書くのではなく、目的・条件・制約などの要素に分けて入力すれば、より整理された再利用可能なプロンプトを作れるのではないか。
プロンプトそのものではなく、「指示を組み立てる構造」を試すために制作しました。
Can reusable prompts be made easier to build by separating goals, conditions and constraints instead of writing a long instruction from scratch?
This experiment focuses not on a particular prompt, but on the structure used to assemble instructions.
02 / EXPERIMENT
簡易入力と高度入力を用意し、入力内容からMarkdown形式のプロンプトを生成します。生成結果のコピー・保存に加え、複数ファイルをData URL形式のBase64としてプロンプトへ含める仕組みも実装しました。
Simple and advanced input modes generate a Markdown prompt from structured fields. The result can be copied or saved, and multiple local files can be embedded in the prompt as Base64 Data URLs.
03 / FINDINGS
目的、条件、制約、出力形式などを分けて入力することで、利用者自身が「何をAIへ指示したいのか」を整理しながらプロンプトを組み立てられることを確認しました。
また、ブラウザだけでもファイルをBase64化してプロンプトへ含められますが、データ量は急速に増加するため、実用上の制限が必要になります。このため添付元ファイルの合計サイズに3MBの上限を設けました。
プロンプト生成は文章を自動的に長くすることではなく、指示の構造を明確にすることに価値がある、という位置付けになりました。
Separating goals, conditions, constraints and output format helps users organize what they actually want to ask an AI while building the prompt.
Files can also be converted to Base64 and embedded entirely in the browser, but the data grows quickly, so the source attachments are limited to a combined 3 MB.
The value of prompt generation here is not making instructions longer automatically, but making their structure clearer.
04 / TECHNOLOGY
入力・ファイル変換・Markdown生成・コピー・保存はブラウザ内で処理します。
Input handling, file conversion, Markdown generation, copying and saving are processed in the browser.
05 / MORE