お店のサイトをAIに作らせるときは「書いてないことは足さない・お店の言葉は1字も変えない・新しく書いた文には印を付ける」と指示する
チラシ・メニュー・写真を材料に渡し、AIが営業時間などをでっち上げないように縛る。AIが書き足した文は印で見分けて、お店に確認してもらう。
どんな問題を解決するか / いつ使うか
小さなお店などのホームページをClaude Codeで作ると、AIはそれらしい紹介文や、元の資料にない営業時間・メニュー・価格まで書き足してしまう。見た目が整っていても、内容が事実と違えば納品できない。クライアントの資料からサイトを作るときに使う。
やり方
次の5つを1回のプロンプトにまとめて頼む（投稿のプロンプトの要約。店名を差し替えて使う）。
- チラシ・メニュー・写真から文章と情報を集める。資料に書いてないことは足さない。
- お店の言葉は1字も変えずに使う。AIが新しく書いた文には印を付ける（あとで確認する場所が一目で分かる）。
- お店の想いを1本の軸にして、最初の画面と紹介文を同じ言葉でつなぐ。
- イラストとアイコンは同じ色合いにそろえる（投稿者はCodexの画像生成をClaude Codeから呼ばせている）。お店の写真は加工せずそのまま使う。
- できたらスマホとPCの4つの幅で開き、横にはみ出した所を測って直す。
注意点
- 印を付けた文は、公開前に必ずお店に確認してもらう。印は公開前に外す。
- 「1字も変えない」と指示しても、誤字の修正や表記ゆれの統一まで止まる。直してよい範囲があるなら別に書く。
- 写真をAIで加工しない方針は、実物と違う見せ方を避けるためにも有効。
関連
- AIにサイトを組ませる前に、全ページ共通の基準を7つ決めておくと、頼むたびにデザインが変わらなくなる
- AIで作るサイトがページごとにバラバラになるなら、3つの共通ルールを先にスキルへ書く
- ガイド：AI × デザイン（生成AI・コーディングエージェントに良いデザインを作らせる）