# Sonnet運用ガイド — テンプレートから本番LPを作る手順

Claude Code（Sonnet）にLP制作を依頼するときの標準ワークフロー。このファイルごとSonnetに読ませてよい。

## 全体フロー

```
依頼受領 → ①ヒアリングシート記入 → ②テンプレ選定 → ③Sonnetに制作指示
→ ④セルフレビュー（CHECKLIST.md） → ⑤画像差し替え → ⑥納品
```

## ① ヒアリング（INTAKE_SHEET.md を埋める）

`instructions/INTAKE_SHEET.md` をコピーして案件情報を埋める。**埋まっていない項目があるままSonnetに投げない**こと。特に「遷移先LPの主張」「禁止表現（ASP規約）」の2つは成果と承認率に直結する。

## ② テンプレ選定マトリクス

「商材 × 読者の温度感 × 流入経路」で選ぶ。

| 状況 | 推奨テンプレ |
|---|---|
| 高単価講座・情報商材をじっくり売る | 01 王道セールスレター |
| 美容・健康系、広告/SNSからの潜在層 | 02 体験レビュー ／ 04 診断 |
| 「◯◯ おすすめ」検討層、複数案件を扱う | 03 比較ランキング |
| 自分ごと化させにくい商材の入口 | 04 診断・クイズ |
| AIツール・SaaSなど「それ何？」な新カテゴリ | 05 QUEST教育 |
| 危機感が動機（保険・健康・お金） | 06 危機認識ニュース |
| 疑いが最大の壁（競馬・投資・稼ぐ系） | 07 実演・証拠 |
| 無料登録・アプリDLなど低ハードルCV・顕在層 | 08 短尺オファー |
| 「頑張ったのにダメだった」経験者向け | 09 反常識 |
| セール・特典つき案件、リストへの刈り取り | 10 限定キャンペーン |

迷ったら: 読者が商品を**知らない**→02/04/05/06、**知ってて迷ってる**→03/07、**知ってて欲しい**→08/10。

## ③ Sonnetへの制作指示プロンプト（雛形）

そのままコピーして [ ] を埋めて使う:

```
アフィリエイトLPを制作します。以下を必ず順番に読んでください:
1. docs/03_design-system.md（デザイン・プレースホルダ規約）
2. templates/[選定したテンプレ].html（使用テンプレート）
3. samples/[同番号の見本].html（品質基準の見本）
4. instructions/CHECKLIST.md（納品条件）

案件情報:
[INTAKE_SHEET.mdの記入済み内容を全部貼る]

作業指示:
- templates/[XX].html をベースに、全ての {{PLACEHOLDER}} を案件情報から書き起こした実コピーで置換する
- <!-- [指示] --> コメントの通りに各セクションを書き、書き終えたら指示コメントは削除する
- REPEATブロックは必要数に複製してから埋める
- :root のカラーテーマを商材トーンに合わせて変更する（デザインシステムの目安参照）
- OGP・title・meta descriptionも埋める
- 見本LPと同等以上の文章密度にする。プレースホルダ・ダミーテキストを一切残さない
- 書き終えたら CHECKLIST.md で全項目セルフチェックし、結果を報告する
- 出力先: [出力パス（例: output/案件名.html）]

重要な制約:
- 遷移先LPの主張と矛盾する訴求を書かない（メッセージマッチ）
- 禁止表現リスト: [ASP規約の禁止ワードを貼る]
- 法令: PR表記維持 / 薬機法 / 景表法 / 「個人の感想です」注記 / [商材固有の注意]
```

### 微調整の追加指示例

- 「FVのキャッチコピーを10案出して。数字型/呼びかけ型/Before After型/反常識型を混ぜて」
- 「見出しだけ拾い読みして話が通じるか確認して、通じない見出しを直して」
- 「humanizerスキルの観点でAI臭い言い回しを洗い出して直して」（Cowork側で仕上げる場合）
- 「スマホ幅375pxでFVにCTAが収まるか確認して」

## ④ セルフレビュー

`instructions/CHECKLIST.md` をSonnetに実行させる（プロンプト雛形に含まれている）。人間は特に「実績・声が架空のままになっていないか」「禁止表現」「PR表記」の3点を目視確認。

## ⑤ 画像差し替え

テンプレの画像は全て `.img-slot`（点線枠＋ラベル）。実画像が用意できたら:

```
samples/◯◯.html の .img-slot を実画像に差し替えて。
画像フォルダ: [パス]。対応: 「【画像】商品写真」→ product.jpg …
<img>にはwidth/height/alt/loading="lazy"を付けて。
```

画像がまだ無い場合はimg-slotのまま納品し、後日差し替えでもよい（ラベルが指示書を兼ねる）。

## ⑥ 納品前の最終確認（人間がやる）

1. ブラウザでスマホ幅・PC幅の両方で開いて目視
2. CTAリンクに実際のアフィリエイトリンク（計測パラメータ込み）を設定したか
3. 特商法・運営者情報・プライバシーポリシーのリンク先を実URLに
4. 計測タグ（GA4等）を挿入したか（テンプレ末尾にコメントでスロットあり）

## テンプレ自体を増やす・直すとき

- 構成の根拠は `docs/01_strategy.md` と `docs/02_patterns.md` に従う
- 新パターン追加時は ①02_patterns.mdに仕様追記 → ②テンプレ作成 → ③見本1本作成 の3点セットを守る（テンプレだけ増やさない）