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

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

必要事項を入力すると、LP画像を作るプロンプトと、
その画像からHTML・CSSを作るプロンプトが完成します。

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

LP完成までの3ステップ

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

1

必要事項を入力する

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

2

①でLP画像を作る

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

3

②でHTML・CSSにする

完成画像と②のプロンプトをエージェント型AIへ一緒に渡し、Webページを制作します。

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

LPデザインの画面サイズ

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

LPデザインの基本情報

必須入力は「業種」と「目的」の2つだけです。名前やキャッチコピーは「おまかせ」のままでも作成できます。

年齢層(1つ以上選択・複数選択可。「全年齢層」を選ぶと他は自動解除されます)
性別(1つを選択)
ターゲットが抱えている悩み任意

全体のイメージ

用意された選択肢から設定する方法と、参考にしたいホームページを指定する方法のどちらかを選べます。

「すべておまかせ」を解除すると、下の各項目を選択できます。

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

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

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

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

スタンダード
やわらか・トレンド
シャープ・動き
被写体を活かす表現
入力 5|ページ構成任意 ページの構成 セクション名を8個まで指定できます。決まっていなければ閉じたままで大丈夫です。

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

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

PROMPT GENERATOR

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

まずLPの完成イメージを画像で作り、その画像を見本にしてHTML・CSSへ変換します。

STEP ①|画像を作る

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

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

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

エージェント型AIでHTML・CSSを制作

①で作ったLP画像を見本にして、実際にブラウザで表示できるコードを作らせます。

  • ②を押してHTML・CSS制作プロンプトを表示
  • LP画像をエージェント型AIへ添付
  • ②のプロンプトを一緒に貼り付けて実行

ポイント:②を使うときは、①で生成したLP画像を必ず一緒に添付してください。プロンプトだけではデザインを正確に再現できません。

LP画像生成プロンプト

コピーしました!

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

次にすること

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