LP Prompt Studio

Input

質問に答える

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

業種サービス概要目的ターゲットブランドイメージ / トンマナ感情キーワードサイト構成背景の方向性アクセントカラーモチーフ・図形写真・画像の見せ方レイアウトの特徴動き・アニメーション信頼感の見せ方 CTA 禁止事項英字フォント候補日本語フォント候補

英字プレビュー

未選択

Aa Bb Cc 123 Prompt Design Studio

日本語プレビュー

未選択

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

References

参考資料

毎回似た雰囲気になるのを避けたいときに使います。URL、サイト名、添付画像メモなどを書き、どの要素を参考にしたいかも一緒に残します。

参考1

参考元参考にしたい要素参考画像ブラウザ内でプレビューするだけなので、元画像はそのままです。

参考2

参考元参考にしたい要素参考画像ブラウザ内でプレビューするだけなので、元画像はそのままです。

参考3

参考元参考にしたい要素参考画像ブラウザ内でプレビューするだけなので、元画像はそのままです。

出力には、参考元・参考にしたい要素・参考画像のファイル名・「画像は別添で送る」メモが自動で入ります。

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

Build

サイト化の設定

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

仕上げ方どんな作り方のサイトとして組み立てるかを指定します。データのまとめ方ファイルをシンプルにまとめるか、あとで編集しやすい分け方にするかを指定します。画像や素材の扱い写真やアイコンなどを別素材として持つか、できるだけコードで表現するかを指定します。サイト化で優先すること見た目の再現、速さ、あとからの修正しやすさのどれをより重視するかを決めます。

この設定で変わること

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

Output

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

設計サマリー

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

ChatGPT

構造化して伝える版

Claude

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

Image AI

見た目重視で圧縮した版

Site Build

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

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