専門知識なし・フォーム入力だけ

LPプロンプトジェネレーターver1.2

必要事項を入力すると、LPデザイン画像を作るプロンプトと、
その画像からWebページを生成するプロンプトが完成します。

入力項目は「おまかせ」対応 プロンプトをコピーして貼るだけ 画像から実装まで2段階で案内
HOW TO USE

LP完成までの3ステップ

最初にフォームを設定し、①と②を順番に使います。

1

必要事項を入力する

必須は業種と目的だけ。迷う項目は「おまかせ」のままで進められます。

2

①でLPデザイン画像を作る

①のプロンプトを生成AIへ貼り付け、完成した縦長のLPデザイン画像を保存します。

3

②でWebページを生成

完成したLPデザイン完成画像と②のプロンプトをエージェント型AIへ一緒に渡し(使用したい画像がある場合は入力6の一覧と同じファイル名にして追加)、Webページを制作します。

必須入力・選択が必要です任意入力しなくても生成できます

LPデザインの画面サイズ

最初に作成するLPデザイン画像のサイズを選択してください。迷った場合は、一般的なWebサイト向けのPC版がおすすめです。

LPデザインの基本情報

「業種」と「目的」の2項目だけで、①LPデザイン画像生成プロンプトを作成できます。
名前やキャッチコピーなど、その他の項目は「おまかせ」のままで大丈夫です。

業種と目的を入力したら、すぐに作成できます ① LPデザイン画像生成プロンプトを作成するへ移動
年齢層(1つ以上選択・複数選択可。「全年齢層」を選ぶと他は自動解除されます)
性別(1つを選択)
ターゲットが抱えている悩み任意
入力 3|デザインの方向性任意 全体のイメージ 用意された選択肢から設定する方法と、参考にしたいホームページを指定する方法のどちらかを選べます。

「すべておまかせ」を解除するか、下の項目を選ぶと手動設定に切り替わります。

入力 4|詳細設定任意 デザインの詳細設定 色・装飾・画像・フォント・余白・アニメーションを細かく指定できます。迷う場合は閉じたままで大丈夫です。

すべて「おまかせ」のままでも生成できます。こだわりたい項目だけ変更してください。

装飾の使用(1つを選択)

「おまかせ」は生成AIが最適な装飾を選びます。「使用する」を選んだ場合のみ、下の装飾と色表現を設定できます。

見せ方の使用(1つを選択)

「おまかせ」は生成AIが最適な見せ方を選びます。「使用する」を選んだ場合のみ、下の見せ方を設定できます。「使用しない」は四角形のまま加工しません。

この内容はLPデザイン画像には反映されません。「②Webページ(HTML・CSS)制作プロンプト」にのみ反映されます
アニメーションの使用(1つを選択)

「おまかせ」はエージェント型AIが最適な動きを選びます。「使用する」を選んだ場合のみ、下の動き方を設定できます。「使用しない」はアニメーションを実装しません。

入力 5|ページ構成任意 ページの構成 セクション名を8個まで指定できます。決まっていなければ閉じたままで大丈夫です。

決まっていなければ「おまかせ」のままで大丈夫です。
指定したい場合だけ、上から表示したい順にセクション名を入力してください。

入力欄がすべて空の場合はおまかせになります。セクション名を入力すると自動で解除されます。

入力 6|使用する画像入力する必要はありません 使用する画像(確認用) ここでは入力しません。ページ構成に対応するセクション名と、添付する画像のファイル名を確認できます。この内容はLPデザイン画像には反映されません。「②Webページ(HTML・CSS)制作プロンプト」にのみ反映されます

この一覧は確認専用です。セクション名とファイル名は入力・変更できません。
「ページの構成」で入力したセクション名に対して、1.jpg、2.jpgの順でファイル名が自動表示されます。
使用する画像の名前を一覧のファイル名に合わせ、②のプロンプトと一緒にエージェント型AIへ添付してください。
画像は各セクションに1枚です。各セクションの2枚目以降は、Webページ生成後に個別に追加してください。

※添付する画像のファイル名がこの一覧と異なる場合、そのセクションの画像は生成されたLPデザイン画像(仮画像)のままになります。画像を使用しないセクションに対応するファイルは、添付する必要がありません。

確認する画像はまだありません。「ページの構成」でセクション名を入力すると、ここに確認用の一覧が表示されます。

PROMPT GENERATOR必須

入力が終わったら、①→②の順に進めます

まずLPの完成イメージを画像で作り、その画像を見本にして、実際にブラウザで表示できるWebページを生成します。

STEP ①|画像を作る

生成AIでLPデザイン画像を作成

入力内容をもとに、LP全体の完成デザイン画像を作るためのプロンプトを生成します。

  • ①を押してプロンプトを表示
  • コピーしてChatGPTなどの生成AIへ貼り付け
  • 生成されたLPデザイン画像を保存
STEP ②|Webページにする

エージェント型AIでWebページを生成

①で作ったLPデザイン画像を見本にして、実際にブラウザで表示できるWebページを生成します。

  • ②を押してWebページ制作プロンプトを表示
  • LPデザイン画像をエージェント型AIへ添付
  • 使用したい実画像がある場合は、入力6の一覧と同じファイル名にして一緒に添付
  • ②のプロンプトを一緒に貼り付けて実行

ポイント:②を使うときは、①で生成したLPデザイン画像を必ず一緒に添付してください。使用したい実画像がある場合は、入力6の確認一覧と同じファイル名に変更して追加で添付します。プロンプトだけではデザインを正確に再現できません。

LPデザイン画像生成プロンプト

コピーしました!
このプロンプトを1回だけ貼り付けてください。縦長のLP完成デザイン1枚を直接作成するよう指定されています。コピーしてChatGPTを開く ↗

次にすること

  1. プロンプトをコピーします。
  2. ChatGPTなどの生成AIへ貼り付けます。
  3. LPデザイン画像が完成したら保存し、このページへ戻って②へ進みます。
①② プロンプト作成へ