LP Prompt Studio

Input

質問に答える

業種セット業種セットは、業種に合わせて複数項目をまとめて入れるためのアシストです。下の「業種」は最終プロンプトにそのまま入る表記です。

業種サービス概要目的ターゲットブランドイメージ / トンマナ感情キーワードサイト構成

Structure

サイトの作り方

1ページのLPにするか、複数ページのサイトにするかをここで決めます。複数ページを選ぶと、トップだけでなく下層ページの役割まで出力に入ります。

サイトタイプ迷う場合は LP のままでOKです。下層ページまでまとめて設計したいときだけ複数ページを選びます。想定ページ各ページの役割メモ細かく決まっていなくても、トップで惹きつける・下層で詳しく説明する、くらいで大丈夫です。

この設定で変わること

ここに、LPか複数ページかによって何が出力に足されるかを表示します。

背景の方向性アクセントカラーモチーフ・図形写真・画像の見せ方レイアウトの特徴動き・アニメーション信頼感の見せ方 CTA 禁止事項英字フォント候補日本語フォント候補

英字プレビュー

未選択

Aa Bb Cc 123 Prompt Design Studio

日本語プレビュー

未選択

あいうえお LPデザイン指示文サンプル 123

References

参考資料

毎回似た雰囲気になるのを避けたいときに使います。URLやサイト名、参考にしたい要素はここに残せますが、画像そのものは自動では付きません。画像も参考にしてほしい場合は、下の「参考画像」から自分でアップロードしてください。

参考1

参考元参考にしたい要素参考画像 URLや参考元を書いただけでは画像は付きません。画像も使いたい場合はここから自分でアップロードしてください。ブラウザ内でプレビューするだけで、元画像はそのままです。

参考2

参考3

参考サイトの言語化メモ参考サイトを分析して言語化した濃いメモを、そのまま貼る欄です。今あるトンマナや見た目の項目で足りないニュアンスを補うために使います。出力には、参考元・参考にしたい要素・参考画像のファイル名・「画像は別添で送る」メモが自動で入ります。参考元や要素を書いただけでは画像は渡らないので、必要な画像はこの欄から自分でアップロードしたうえで、AIへ渡すときもプロンプトと一緒に添付してください。

注意事項・運用ルールここに入れた内容は、生成されるプロンプトの末尾へ自動で追加されます。

Build

サイト化の設定

ここで選んだ内容は「デザイン案を実際のWebページ用データに落とし込む指示文」にだけ反映されます。見た目のデザイン用プロンプト自体は変わりません。

仕上げ方どんな作り方のサイトとして組み立てるかを指定します。データのまとめ方ファイルをシンプルにまとめるか、あとで編集しやすい分け方にするかを指定します。画像や素材の扱い写真やアイコンなどを別素材として持つか、できるだけコードで表現するかを指定します。サイト化で優先すること見た目の再現、速さ、あとからの修正しやすさのどれをより重視するかを決めます。ダミー画像の扱い Codexや制作者へ渡すときに、仮画像をどう入れて進めるかをここで決めます。ダミー画像の補足ダミー画像の雰囲気、被写体、枚数、比率などを補足したいときに使います。

この設定で変わること

ここに、選択内容によって実装用プロンプトのどこが変わるかを表示します。

Output

AI別に最適化したプロンプト

設計サマリー

業種、ターゲット、トンマナ、参考資料、注意事項を入れると、ここに設計の要点が表示されます。

ChatGPT

構造化して伝える版

Claude

ニュアンスまで丁寧に伝える版

Image AI

見た目重視で圧縮した版

この出力は、画像生成AIで見た目の見本やムードボードを作りたいとき向けです。HTMLやCSSを作る用ではなく、まずデザインの方向性を固めるために使います。

Site Build

デザイン案をサイト用データへ変える版

この出力は、見た目の方向性が固まったあとに「このデザインを、きれいなHTML・CSS・JS・画像素材の形に整理して」とAIや制作者へ渡したいときに使います。

Codex

このまま実装を頼む版

この出力は、Codexに「この見た目とルールで、そのままサイトを作って」と依頼したいとき向けです。デザイン要件、実装方針、ダミー画像の扱い、作業ルールを1本にまとめます。