必要事項を入力する
必須は業種と目的だけ。迷う項目は「おまかせ」のままで進められます。
必要事項を入力すると、LPデザイン画像を作るプロンプトと、
その画像からWebページを生成するプロンプトが完成します。
最初にフォームを設定し、①②③を順番に使います。
必須は業種と目的だけ。迷う項目は「おまかせ」のままで進められます。
①のプロンプトを生成AIへ貼り付け、完成した縦長のLPデザイン画像を保存します。続けて②のプロンプトで、デザインの写真を個別に出力します。
③のプロンプトで、①のデザインと②の写真を使った写真入りのWebページ一式がChatGPTから出力されます。必要ならエージェント型AI(Claude Code・Codexなど)で仕上げて、Cloudflare Pagesなどに公開します。
必須入力・選択が必要です任意入力しなくても生成できます
最初に作成するLPデザイン画像のサイズを選択してください。
迷った場合は、一般的なWebサイト向けのPC版がおすすめです。
「業種」と「目的」の2項目だけで、①LPデザイン画像生成プロンプトを作成できます。
名前やキャッチコピーなど、その他の項目は「おまかせ」のままで大丈夫です。
参考にしたいホームページのURLを入力し、設定ボタンを押してください。
「すべておまかせ」を解除するか、下の項目を選ぶと手動設定に切り替わります。
選択したイメージには、相性が難しい組み合わせがあります
このままでも生成できます。プロンプトでは選択した最優先項目を軸に、矛盾が目立たないように調整します。
すべて「おまかせ」のままでも生成できます。こだわりたい項目だけ変更してください。
「おまかせ」は生成AIが最適な装飾を選びます。「使用する」を選んだ場合のみ、下の装飾と色表現を設定できます。
「使用する」を選ぶと、選択中の装飾ごとに色表現と透明度を設定できます。
「おまかせ」は生成AIが最適な見せ方を選びます。「使用する」を選んだ場合のみ、下の見せ方を設定できます。「使用しない」は四角形のまま加工しません。
「おまかせ」はAIが最適な動きを選びます。「使用する」を選んだ場合のみ、下の動き方を設定できます。「使用しない」はアニメーションを実装しません。
決まっていなければ「おまかせ」のままで大丈夫です。
指定したい場合だけ、上から表示したい順にセクション名を入力してください。
入力欄がすべて空の場合はおまかせになります。セクション名を入力すると自動で解除されます。
入力した文章は一字一句そのまま使われます(AIの要約・言い換えを禁止する指示付き)。空欄のセクションはAIが文章を考えます。推奨140文字以内・最大300文字です。300文字を超える長文を載せたい場合は、Webページ生成後に個別で修正・追加してください。
同じセクション名が複数入力されています
まずLPの完成イメージを画像で作り(①)、その画像で使う写真を出力し(②)、Webページのファイル一式を生成します(③)。①②③はすべて同じChatGPTの会話で続けて使います。
入力内容をもとに、LP全体の完成デザイン画像を作るためのプロンプトを生成します。
LPデザイン画像を作ったChatGPTの会話に②のプロンプトを貼り付けます。デザインで使われている写真が、1枚のシート画像にまとまって出力されます。
①②と同じChatGPTの会話に③のプロンプトを貼り付けます。①のデザインと②の写真がそのまま使われ、写真入りのWebページ一式(zip)が出力されます。
ポイント:①②③は、すべて同じChatGPTの会話で続けて使ってください(会話を分けると、前に作ったデザインや写真を引き継げません)。同じ会話で進めれば、③が①のデザインと②の写真をそのまま使うので、画像を保存したり入れ直したりする作業は不要です。仕上げたいときは、出力されたzipファイルをClaude CodeやCodexなどのエージェント型AIで調整し、Cloudflare Pagesなどで公開できます。
ここから先はプロンプト不要です。③のzipはそのままでも表示できますが、より完成度を上げたいときはエージェント型AIで仕上げます。
※エージェント型AIは、ブラウザで実際の表示を確認しながら直せます。ChatGPTが苦手な「見た目の微調整」は、この工程で仕上げるのがおすすめです。
入力 6|SNS・外部リンク任意 SNS・外部リンク LPへ掲載したいリンクがある場合には開いて入力してください。
LPに掲載したいリンクを入力してください。未入力の項目は、生成するプロンプトへ出力されません。SNSロゴは公式素材と最新の利用ガイドラインに従うよう指示されます。