# chige-lp-kit — AIと一緒にLPを作るキット

版: 2026-08-19（v1.2）

> **📖 図解つきのガイドがあります**：このフォルダの `guide.html` をダブルクリックで開くと、
> 図解つきの分かりやすい説明書がブラウザで読めます。初めての方はまずそちらをどうぞ。

## これは何？

AIチャット（Claude CodeまたはCodex）に「LPを作りたい」と伝えるだけで、AIが1つずつ質問しながら
あなたのLP（ランディングページ）を作ってくれるキットです。
文章づくりからデザイン、Cloudflareへの公開まで、AIが手順に沿って伴走します。
難しい操作は基本的にAI側が担当し、あなたは質問に答えたり、提案から選んだりするだけで進みます。

## 同梱されているもの

| 名前 | 何をするか |
|---|---|
| guide.html | 図解つきの使い方ガイド（ブラウザで開く） |
| lp-workflow | LP制作の進め方そのもの。AIはここに書かれた手順で動きます |
| **lp-copy** | 文章の書き方。**書く前にあなたの商品の弱いところを指摘してくれます** |
| **lp-legal** | 特定商取引法の表記・「言ってはいけない表現」のチェック |
| **lp-security** | 公開前の安全点検（下書きの巻き込み公開・フォームの送信先など） |
| lp-line | 日本語の見出し・文章の改行をきれいに整えます |
| design-md-jp | 日本の有名サイト318件のデザインの参考集です |
| my-brand-lp | あなたのブランドのトーン・カラー・事業者情報を覚えておく場所です |
| templates/lp-template.html | LPを作るときの土台になるひな形です |
| work/ | 作ったLPが実際に入る場所です |

## 必要なもの

| 必要なもの | 費用 | 入手先 |
|---|---|---|
| Claude Code または Codex のどちらか | ツールによる | https://claude.com/claude-code ／ https://openai.com/codex |
| Node.js 18以上 | 無料 | https://nodejs.org |
| Cloudflareアカウント（公開するときだけ） | 無料 | https://dash.cloudflare.com/sign-up |

※ AIツール自体（Claude Code / Codex）の契約・インストールは、このキットのサポート範囲外です。

## はじめかた（4ステップ）

① ZIPを解凍して、好きな場所に置く

② そのフォルダをClaude CodeまたはCodexで開く
　（ターミナルで `cd そのフォルダ` してから `claude` または `codex` と打つ）

③ 「**セットアップして**」と送る
　（あとはAIが順番に案内してくれます。エラーが出たらそのままAIに貼れば直してくれます）

④ 「**LPを作りたい**」と送る
　（ここからはAIが1問ずつ質問してくれるので答えるだけです）

## あなたがやること／AIがやること

| あなたがやること | AIがやること |
|---|---|
| 質問に答える | 質問を考えて1問ずつ聞く |
| 出てきた案から選ぶ | デザイン案・構成案を用意する |
| Cloudflareのアカウント作成・ログイン画面での承認 | それ以外の作業（文章・コード・コマンド実行） |

## 安心してください

- パソコンは壊れません。出てくるのはエラーの文字だけで、そのままAIに貼れば直してくれます。
- 1回で終わらせなくて大丈夫です。翌日「続きから」と言えば、AIが状況を見て再開してくれます。

## 補足：隠しフォルダについて

`.claude` は名前が `.` で始まる「隠しフォルダ」なので、フォルダを開いても見えないことがありますが、
それが正常です。見たい場合は次の方法で表示できます。

- Mac：`Command + Shift + .`
- Windows：エクスプローラーの「表示」→「隠しファイル」

## トラブルQ&A

**Q. スキルが効いていない気がする**
A. ツール（Claude CodeまたはCodex）を再起動して、同じフォルダで開き直してください。

**Q. 「Cannot find module 'budoux'」というエラーが出る**
A. AIに「lp-lineのnpm installをして」と頼んでください。

**Q. Node.jsが無いと言われた**
A. https://nodejs.org から推奨版（LTS）をインストールしてください。

**Q. デザインの参考が思いつかない**
A. AIに「候補を出して」と言えば、318件の中から提案してくれます。

**Q. UIの部品の名前が分からない（「あの丸いアイコンが重なってるやつ」みたいな）**
A. そのままの言葉で伝えてOKです。AIがUI用語辞典（namethatui.com）で正式名称を確認してくれます。

**Q. 特定商取引法の表記って必要？**
A. LPで有料の申込・購入をしてもらうなら必要です。無料のLINE登録やお問い合わせだけなら原則不要。
AIが最初に「お金の申込がありますか？」と聞いて判断し、必要なら項目を1つずつ聞いて作ってくれます。

**Q. 「必ず痩せる」みたいな表現ってダメなの？**
A. 断定表現・根拠のない「No.1」・実態のない「残りわずか」は法律（景品表示法）の問題になります。
AIが公開前にチェックして、危ないものは書き換えを提案します。ただし**AIのチェックは適法性の保証ではない**ので、
金額の大きい商品や健康・美容系は専門家に見てもらってください。

**Q. ファイルを壊してしまった**
A. ZIPをもう一度解凍すれば、最初の状態に戻ります。

## ライセンスと連絡先

作者：渡邉匠（ちげ）。あなた用に渡したものなので、そのままの再配布は一言相談してください。
詳細は `LICENSE.md` を参照してください。
