同一のプロンプト・モデル・開発環境でデザイン改善手法だけを変えて LP を作成し、
ベースラインとの差分で「AIっぽさ」がどれだけ減るかを比較しました。
0
LPサンプル
0
カテゴリ
0
共通プロンプト
Cursor
開発環境
01
共通条件を固定
Cursor 上で Composer 2.5 Fast を使い、全サンプルに同じ LP 作成プロンプトを渡しました。デザインセンスに頼れないモデルで、手法の差だけが出るようにしています。
02
Baseline を先に作る
MCP・スキル・デザインシステムなどの Tips を一切適用せず、素の出力を比較基準（Baseline）として残しました。
03
カテゴリごとに LP を生成
MCP、Skills、Design System、Components、Details の5系統について、各オプションを1つずつ適用して LP を作成。1サンプルに混ぜる手法はカテゴリの Tips のみです。
04
並べて評価
25件の LP を同じブリーフのまま横並びで確認し、レイアウト・トーン・独自性の変化から各手法の効き方を検証しました。
各種オプションの「おすすめ度」は個人の感想です。
AIエージェントがMCPからページ構造やデザインガイド等を取得できるようにすると、
デザインのクオリティが上がって「AIっぽさ」を減らすことができます。
UIの一貫性を保つルールと部品をまとめたデザインシステムを導入し、
AIの独自判断を排したデザインを得るカテゴリです。
ターミナルっぽいウィンドウ上でカーソルが点滅しているUIなど、
オリジナルのコンポーネントを配置するだけでサイトに独自性が生まれ、
AIで作った感が薄まります。
デザインの大枠が完成したら、
実在する人物の写真を配置したりフォントを指定するなど、
細部を作りこむことでAIで作ったありきたりなデザイン感がさらに薄まります。
