実例集:同じ指示で、実際に作らせてみた

実験1:LP を、同じ指示で作らせた検証

何をしたか

• 題材:架空の美容室「ヘアサロン 灯(あかり)」のLP(ランディングページ)。実在の店・お客様・実績は、使っていません。
• 指示:同じプロンプトを、Claude と Manus に一字も変えずに出しました。1回で仕上げさせ、追加の指示は出していません。
• 条件:画像ファイルは使わない(図形、グラデーション、SVG、CSSだけ)。1つのHTMLファイル。CTA(ボタン)は「LINEで予約する」の1種類だけ。実績・お客様の声・指示にない数字は作らない。公開しない。
• 比べ方:できたHTMLを、スマホ幅(390×844)で、スクロールしながら撮影して、並べて見ました。

5つのパターン

プロンプトA(そのまま使えます。[ ] を自分の事業に書き換えるときは、第6章の P14 を使ってください)

美容室のランディングページ(LP)を1つ作ってください。これは制作実験なので、下の条件だけで作り、質問はせず、最後まで一度で仕上げてください。

【店舗情報(すべて架空)】
- 店名:ヘアサロン 灯(あかり)
- 場所:神奈川県横浜市(架空)・駅から徒歩5分・完全予約制・スタッフ2名の小さなサロン
- コンセプト:「頑張らない日のための、ていねいなヘアケア」。髪のダメージを抑えたやさしいカラーと、手入れしやすいカットが得意
- 対象読者:30〜40代の女性。忙しくて美容室に行く時間が少ない。仕上がりの自然さと、髪のダメージを気にしている
- 営業時間:10:00〜19:00 / 定休日:火曜日
- メニューと価格(税込):カット 5,500円 / カラー 8,800円 / パーマ 12,100円 / トリートメント 6,600円 / カット+カラー 13,200円
- 特長(3つ):1. 髪へのやさしさを考えたカラー 2. 毎朝の手入れが楽になるカット 3. 1人ずつ時間をかけた丁寧なカウンセリング
- 予約方法:公式LINEから(ボタンのリンク先は「#」のままでよい)

【目的】
スマホで見た人が「LINEで予約する」ボタンを押すこと。ボタン(CTA)はこの1種類だけにする。

【構成】
1. ファーストビュー(キャッチコピーとCTA)
2. お悩みへの共感
3. サロンの特長3つ
4. メニューと料金
5. ご来店の流れ(3ステップ)
6. よくある質問(3問)
7. 店舗情報とアクセス
8. 最後のCTA

【条件】
- スマホ(幅390px)で最も美しく見えることを最優先にする。PCの幅でも崩れないこと。
- 1つのHTMLファイル(index.html)にまとめる。CSSとJavaScriptは同じファイルに書く。
- 外部の画像ファイルは使わない。図形、グラデーション、SVG、CSSの表現で作る。Webフォントは使ってよい。
- 実在しない実績、お客様の声、数字は作らない。上の情報にないことは書かない。
- 公開や外部への送信はしない。

【最後に】
デザインの方針を3行で説明してください。

プロンプトCは、Aの「最後に」の直前に、次を足したものです。(Anthropic 公式のプロンプトガイドにある「ありがちなデザインを避ける」指示を、日本語にしました)

【デザインの方針】
ありがちな汎用デザイン(いわゆる「AIっぽい見た目」)に収束せず、この店のために作られたと感じる、個性のあるデザインにしてください。
- 字体:魅力的で個性のあるWebフォントを選ぶ。Arial、Inter、Roboto、システムフォントのような定番は避ける。
- 色:統一感のある配色を1つ決める。主役の色と、効かせる差し色を使い、無難に散らした配色は避ける。
- 動き:派手な動きを散りばめず、ページを開いたときと、スクロールで現れる場面に絞った、上品な動きを入れる(CSSのみで)。
- 背景:単色にせず、グラデーションや幾何学模様などで奥行きと空気感をつくる。
- 避けること:白地に紫のグラデーション、定番のレイアウト、どこにでもある部品の並べ方。
- 毎回同じ選択に収束せず、この店の文脈に合う意外な選択をする。

結果:数字

• Claude の金額は、API換算の推定額(参考値)です。定額プランでは、そのまま請求されません。
• Claude は Sonnet 5.5(非対話の実行)です。僕が普段使っているモデルと、同じです。
• Manus の時間とクレジットは、僕の申告です。

結果:見た目(私の観察。主観です)

まず、僕(著者)の評価です。体験談

• いちばん好みだったのは、Manus のプロンプトC。統一感があって、落ち着いた雰囲気で、美容室らしさが出ていると感じました。
• 若い世代向けというより、落ち着いた層向けの雰囲気です。ターゲットを絞るなら、よいと思います。
• Claude は、デザインのセンスは、悪くない。ただ、美容室にしては、かっこよすぎると感じました。
• 世界観(その業種らしさ)の再現性は、Manus のほうが高い。一方で、「センスが良い」かどうか、そのものは、今回の検証では判断しづらい。必ずしも Manus が上ではありません。
• 同じ指示でも、これだけ差が出る。それが、この実験で、いちばん伝えたいことです。

ここからは、制作側(Claude)の観察です。主観を含みます。

同じ指示A(デザインの指示なし): 左が Manus、右が Claude。

同じ指示C(デザインの方針つき): 左から Manus C、Claude C、Claude D。

Claude B(スキル付き)は、縦書きの見出しが、光の玉と重なり、「LINEで予約する」ボタンに末尾が隠れる崩れが出ました。

この実験から、言えること検証・目安

1. 同じ指示でも、結果には、はっきりした差が出ました。デザインの指示がなくても(A)、Manus は、崩れがなく、仕上がりが安定して見えました。僕の評価では、美容室らしい世界観の再現性は、Manus が高いです。ただし、「センスが良い」かどうかそのものは、今回は判断しづらいです。
2. 指示を足す(C)と、Claude は大胆な個性を出せます。ただし、攻めた表現ほど、崩れやすい。
3. Claude は、画面確認の手順を足す(D)と、崩れを自分で見つけて直せました。ただし、別の崩れ(横はみ出し)は、見つけられませんでした。画面確認は、有効ですが万能ではありません。
4. 時間は、Manus が約7分、Claude が約1.3〜2.8分。Manus は、そのぶんそのまま使える完成度に見えました。
5. 個性の方向が違います。Manus は「洗練」、Claude(C、D)は「大胆」。好みで分かれます。

言えないこと

• 「Manus が常に上」とは言えません。各1回ずつで、Claude は上位のモデル(Opus や Fable)ではなく、普段使いの Sonnet 5.5 でした。上位のモデルで試せば、結果が変わる可能性があります。進め方(Manus は7分、Claude は短時間の非対話)も、同じ条件ではありません。
• Manus が、内部で何をしたか(画面確認、反復、使ったモデル)は、確認できていません。
• PC 幅、実機の iPhone・Android、LINE 内のブラウザでの見え方は、確認できていません。
• 「センスが良い」かどうか、そのものの判断。好みと、「その業種らしさ」が、混ざります。あなたの目での評価が、最終判断です。

自分で、再現してみる

1. 上のプロンプトAとCを、一字も変えずに、2つのAIに貼る。(新しい会話・新しい作業で)
2. 1回で出させる。追加の指示は出さない。
3. 時間、消費、追加指示の回数をメモする。
4. できたものを、スマホ幅で見比べる。
5. 公開はしない。

実験2:事務作業(集計・突合・メール・SNS)検証

架空のデータ(美容室の売上10行、発注と請求書の2つの表)で、4つの作業を頼みました。正解を先に計算してから、結果と照らし合わせました。

学んだこと

1. 小さなデータの集計・突合は、正確でした。ただし、行数が多いデータは未確認です。必ず、自分でも検算してください。
2. 頼んでいない一文(責任、約束、曜日)が、足されることがあります。(第4章)
3. 「一番」のような言葉は、基準を決めて頼む。
4. 短い事務作業は、10〜40秒で終わりました。
5. 「3時間が数分に」のような時間の短縮は、この規模では検証できていません。自分で測った数字だけを、信じてください。

実験3:第4章のプロンプト9本検証

第4章のプロンプトを、架空のデータで、各1回試しました。結果の詳細は、第4章にあります。主な発見です。

実験4:セキュリティ設定が、本当に効くか検証

第5章の内容です。

この本の実例について

この章の実例は、すべて、架空のデータで行った実験です。
架空の美容室、架空の売上、架空のお客様です。実在のお客様、取引先、実績は、1つも載せていません。

• 理由:お客様や取引先の情報を、守るためです。(第9章)
• メリット:同じ素材で、あなたも再現できます。(付録E)

あなたの仕事の実例は、あなた自身の記録が、いちばんの教材になります。
第1章の「時間を測る」、第11章の「記録を残す」で、自分の実例を作ってください。