AI 製ランディングページのありきたりさを減らすプロンプト

何でも中央揃えやあいまいなコピーなど、AI 生成っぽく見える要素を Codex に洗い出させ、目立つ 5 つの問題を直させるレビュー用プロンプトです。

このページに、AI 生成やテンプレートっぽく見える要素がないかレビューしてください。何でも中央揃え、グラデーションのぼかし模様、同じ形のカードのグリッド、あいまいなコピー、多すぎるアクセントカラーなどです。見つかったものを挙げ、最も目立つ 5 つの問題を直し、それ以外はすべてそのままにしてください。

対応モデル

Codex, ChatGPT

収録セット

ランディングページ

このプロンプトについて

Codex はまず、お決まりの特徴のリストに照らしてページを監査します。何でも中央揃え、グラデーションのぼかし模様、同じ形のカードのグリッド、あいまいなコピー、多すぎるアクセントカラーなどです。見つけたことを書き出したうえで、最も目立つ 5 つの問題を直し、ページのそれ以外の部分には触れません。レビューと修正を分けることで、Codex の考えを確認でき、変更が行われる前に却下できます。

リストには、自分の経験から気づいた特徴を足してください。ストック素材風のイラスト、見出しの絵文字、セクションごとの末尾のボタンなどです。5 つという上限は意図的です。一度にすべてを直すよう頼むと、掃除ではなくデザインのやり直しになりがちだからです。最初の 5 つを直したあとも目立つ問題が残るなら、プロンプトをもう一度実行してください。

ページ全体、機能、料金が揃ってから使ってください。作りかけのページでは、指摘の大半が足りない内容についてのものになります。自分で作ったページや別のツールで作ったページでも、Codex がファイルを開ける限り同じように使えます。

同じセットのほかのプロンプト

• Codex 用 HTML のランディングページを本番コードにするプロンプト承認済みの HTML ランディングページを、Next.js と Tailwind など実際のスタックで、自社のコンポーネントを使い、コピーはそのまま作り直します。
• Codex 用ランディングページのブリーフプロンプトプロダクト、訪問者、ゴール、実績を Codex に伝え、デザインを始める前にページのセクションを順番に挙げてもらうブリーフ用プロンプトです。
• Codex 用ヒーローセクションの 3 方向デザインプロンプトエディトリアル、ダーク、ソフトの 3 つのヒーローを 1440×900 で Codex に依頼します。コピーは同一なので、見た目の違いだけを比べられます。
• Codex 用ランディングページ全体のデザインプロンプト選んだヒーローの方向性を、8 つのセクションを決まった順番で名指しして、ページ全体に広げます。Codex に余計な部分を足させません。
• ランディングページの機能セクションを具体的に書き直すプロンプトランディングページの機能セクションを、具体的な見出しと数字、アイコンではなく小さな HTML ビジュアルを備えた内容に書き直します。
• Codex 用料金セクションのデザインプロンプトプランの一覧、目立つおすすめプラン、月払い／年払いの切り替え、最大の懸念への 1 行の回答を備えた料金セクションをデザインします。