コードを書かずに1枚もののWebページ（LP）を作る
サービス紹介や告知用の1ページサイトを、内容を伝えるだけでHTML1ファイルで作ってもらう
こんなときに使えます
イベント告知のページが必要になったが、サイト制作を頼む予算も時間もない。ペライチのようなサービスも月額がかかります。HTML1ファイルで完結するページを作らせるのがこのプロンプトです。ダブルクリックで開けるので、サーバーがなくても内容を確認できます。
1枚もののWebページ（ランディングページ）を作ってください。
・ページの目的：{目的（サービス紹介、イベント告知など）}
・載せたい内容：{載せたい内容（見出し、説明文、問い合わせ先など）}
・雰囲気：{雰囲気（信頼感、親しみやすさ、シンプルなど）}
## 条件
・HTML1ファイルで完結させる（外部ツールやサーバー不要でダブルクリックで開ける形）
・スマホでも崩れないようにする
・完成したらブラウザで開いて見た目を確認できるようにして、直したい点を私が伝えたら修正する
実際の出力例
このプロンプトを実行すると、次のような結果が返ってきます（内容は例です）。
index.html を作成しました（外部ファイル不要・ダブルクリックで開けます）。
【構成】
1. ヒーロー：イベント名と日時を大きく配置。申込ボタンを画面上部に固定
2. 概要：3行の説明文
3. こんな方へ：箇条書き3点
4. タイムテーブル：表形式（スマホでは縦積みに切り替わります）
5. 登壇者：写真枠とプロフィール
6. 申込：外部フォームへのボタン
7. フッター：主催者名と問い合わせ先
【技術的な条件】
・CSSはHTML内に埋め込み済み。外部ファイルの読み込みなし
・画面幅768px以下でレイアウトが1カラムに切り替わります
・画像は images/ フォルダを参照しています。同じ階層に配置してください
※申込ボタンのリンク先が仮のままです。実際のフォームURLに差し替えてください。
精度を上げるコツ
- 公開するにはサーバーが必要です。無料で済ませるなら、できたHTMLをNetlifyやGitHub Pagesにドラッグするだけで公開できます。
- 画像を使う場合は、HTMLと同じフォルダに置いて相対パスで参照させてください。別フォルダにあると、配布したときに画像が消えます。
- 問い合わせフォームはHTML単体では動きません。メールアドレスへのリンクか、外部フォームのURLを載せる形にしてください。
Claudeでの利用メモ：できたHTMLファイルはそのままVercelやNetlifyの無料プランで公開できます
使い方：プロンプト内の{変数}の部分をご自身の内容に書き換えてお使いください。
手順から知りたいとき
