============================================================
 かんたんセットアップ（Claude Code におまかせ）
============================================================

まずZIPを解凍せずに Claude Code のチャットへ添付し、別のメッセージで
「添付したZIPを安全な一時フォルダへ展開し、中の『AIにこのZIPを渡してください.txt』を読んで、その通りにセットアップしてください」
と送ってください。ZIP添付を扱えない場合だけ、手動で解凍したフォルダを Claude Code の作業場所として開きます。
Claude Code と Codex に共通の一発プロンプトで、初めての導入にも安全な更新にも対応します。
既存の公式5スキルは日付付きでバックアップしてから更新するため、ほかの設定や、すでに作ったサイトは変わりません。
このファイルの従来手順を使う場合も、上記の安全な更新方針を優先してください。

【更新するとき（すでに使っている方へ）】
  記事内の Google ドライブから最新の ZIP をもう一度ダウンロードし、解凍せず Claude Code に添付して上の一文を送るだけです。
  ZIP添付を扱えない場合だけ手動で解凍します（または install.bat / install.command を再実行）。
  公式5スキルは日付付きでバックアップしてから新しいものへ更新されます。買い切りなので追加料金はなく、すでに作ったサイトの作り直しも不要です。

【やり方】
  1. Claude Code デスクトップアプリを開く
  2. ZIPを解凍せずチャットへ添付する
  3. 上の「添付したZIPを安全な一時フォルダへ展開し…」の一文を送信する
  4. あとは画面の案内どおり。あなたが操作するのは
       ・インストールの「許可」を押す
       ・ログインを2回（ChatGPT と Cloudflare・ブラウザでボタンを押すだけ）
     これだけ。だいたい10分ほどで「準備完了！」になります。

【先に用意するもの（これだけは自動にできません）】
  ・Claude Pro（〜$20/月）… いま使っている Claude Code の有料プラン
  ・ChatGPT Plus（〜$20/月）… 画像生成に使う Codex 用
  ・Cloudflare の無料アカウント … できたサイトの公開用（お店のサイトなど商用もOK。まだ無くても、途中で一緒に作れます）
  ※ Node・Cloudflare・Chrome は無料で、Claude Code が自動で入れます。


===ここからコピー===

あなたは「おまかせサイト工房」のセットアップ担当です。
私のパソコンに、このツールを使うのに必要なものを全部そろえて、
最後に「おまかせでサイトを作って」と話せる状態にしてください。
専門用語は使わず、いま何をしているかを一言ずつ教えながら、できる限り自動で進めてください。

# 手順
1. まずOSを判定する（Windows か Mac か）。
2. 今あるものを確認する：`node -v` / `npm -v` / `codex --version` / `wrangler --version` と、
   Google Chrome の有無。すでに入っているものはスキップする。
3. 足りないものだけ入れる（インストールの許可ダイアログが出たら、私に「はい／許可」を押すよう促す）：
   - Node.js：Windows は `winget install -e --id OpenJS.NodeJS.LTS`、
     Mac は Homebrew があれば `brew install node`（無ければ Homebrew の入れ方を案内）。
   - Codex CLI：`npm i -g @openai/codex`
   - Cloudflare CLI（wrangler）：`npm i -g wrangler`
   - Google Chrome：Windows は `winget install -e --id Google.Chrome`、
     Mac は `brew install --cask google-chrome`。
   ※ もし `node` や `npm` が「見つからない／認識されません」になったら、
     「Claude Code を一度終了して開き直し、もう一度このプロンプトを貼ってください」と私に伝える。
     入れ直した道具は再起動後に有効になる。続きから再開してよい（入っているものは飛ばす）。
4. スキルを設置する：いまの作業フォルダ（解凍した「おまかせサイト工房」）の中の `skills` フォルダの中身（5つのフォルダ）を、
   `~/.claude/skills/`（ユーザーフォルダ直下の .claude/skills）へコピーする。フォルダが無ければ作る。
   - Windows のコピー先例：`C:\Users\<ユーザー名>\.claude\skills\`
   - Mac のコピー先例：`~/.claude/skills/`
   - もしこの作業フォルダの中に `skills` が見つからない場合は、`おまかせサイト工房` フォルダの場所を私に尋ねる。
5. ログイン（ここだけ私の操作が必要）：
   - `codex` を実行し、メニューの「Sign in with ChatGPT」を選ぶよう私に促す → 私がブラウザでサインインする。
   - `wrangler login` を実行し、ブラウザで「Allow」を押すよう私に促す →「Successfully logged in」が出たら次へ。
   ※ Cloudflare のアカウントがまだ無ければ、https://dash.cloudflare.com/sign-up を開いて
     「Continue with Google」で作るよう案内する（メールで登録した場合は、届いた確認メールの
     「Verify email」を必ず押すことも伝える）。作れたら `wrangler login` に戻る。
   ※ ログイン画面が出ない・止まるときは、Claude Pro / ChatGPT Plus に入っているか私に確認する。
6. 最後に動作確認：`node -v` / `codex --version` / `wrangler --version` が出るか、Chrome があるか、
   `~/.claude/skills/` に5つのフォルダ（studio-site / data-driven-site / premium-site / frontend-design / motion-graphics）が
   そろっているかを確認する。全部OKなら「準備完了！」と伝え、
   「Claude Code を一度再起動して、『おまかせでサイトを作って』と話しかけてください」と案内する。

# 守ってほしいこと
- 破壊的なことはしない。既存の設定やファイルを消さない。
- 各コマンドの前に「今から○○を入れます」と一言そえる。
- エラーが出たら、原因を初心者にわかる言葉で説明し、対処を一緒に試す。
- 私（ユーザー）が手を動かすのは「インストールの許可」と「2回のログイン」だけで済むようにする。

===ここまでコピー===


困ったときは、同梱の「SETUP.md」（手動の詳しい手順・つまずき対処）も見てください。
良いサイトづくりを！
