ChatGPT/Gemini ブラウザ自動操作で参考画像スタイルのスライドを自動生成する Claude Code スキルセット。
autodeck-bundle/
├── README.md ← このファイル
├── CLAUDE_SETUP.md ← 【推奨】Claude Code に丸投げセットアップ
├── INSTALL.ps1 ← Windows 一括セットアップ (手動派向け)
├── INSTALL.sh ← Mac/Linux 一括セットアップ (手動派向け)
├── skills/
│ ├── autodeck/ ← 上位スキル(26レイアウト・スタイル抽出)
│ └── chatgpt-image2/ ← 下位スキル(ChatGPT Web自動化)
└── docs/
└── TROUBLESHOOTING.md ← 既知問題・対処法
| 方式 | おすすめ度 | 必要な事前準備 |
|---|---|---|
| A. Claude Code に丸投げ | ★★★ | Claude Code のみ |
| B. INSTALL スクリプト手動実行 | ★★ | Python + Chrome + Claude Code |
方式A が圧倒的に楽です。Python も Chrome も Claude Code に依頼すれば winget/brew で入れてくれます。 詳細は CLAUDE_SETUP.md を参照。
以下は方式B (手動派) 向けの説明です。
INSTALL スクリプトを動かす前に、以下がすべて揃っている必要があります。
確認:
python --version # Python 3.10.x 以上であること未インストールの場合:
- Windows: https://www.python.org/downloads/ から取得。インストーラで 「Add Python to PATH」をチェック 必須
- Mac:
brew install python@3.11または公式インストーラ - Linux:
sudo apt install python3 python3-pip(Ubuntu/Debian系)
Playwright が channel="chrome" で実機Chromeを利用します。インストール済か確認:
# Windows
Test-Path "C:\Program Files\Google\Chrome\Application\chrome.exe"未インストール: https://www.google.com/chrome/
スキルを利用するために必須。
claude --version未インストール: https://claude.com/claude-code
.ps1 スクリプト実行を許可する必要があります。管理者ではなくユーザー権限のPowerShell で1回だけ:
Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned※Y で承認。これをやらないと INSTALL.ps1 がブロックされます。
| エンジン | 必要なもの | 速度 | 料金 | 推奨度 |
|---|---|---|---|---|
| OpenAI API | API キー | 速 (~15s/枚) | 1枚 $0.04〜0.08 | ★★★ |
| ChatGPT Web | Plusアカウント | 遅 (~60s/枚) | 月$20 + 1日制限 | ★★ |
| Gemini Web | Googleアカウント | 遅 (~60s/枚) | 無料 | ★ (UI不安定) |
OpenAI API キー取得:
- https://platform.openai.com/api-keys
- gpt-image-1 (= ChatGPT image 2.0) を使用するには Tier 1 以上 (累計$5以上の支払い実績)
- 推奨理由: 速い・安定・1日制限なし・ブラウザ自動操作不要
ChatGPT/Gemini の Web API/UI を叩くため必須。社内プロキシ環境では Playwright が動かない場合あり。
Gemini エンジンを使う場合のみ。ChatGPT だけでよければ不要。
| 項目 | 要件 | 必須 |
|---|---|---|
| OS | Windows 10/11 / macOS / Linux | YES |
| Python | 3.10 以上 (PATH登録済) | YES |
| Google Chrome | 最新版 | YES |
| Claude Code | 最新版 | YES |
| PowerShell ExecPolicy | RemoteSigned 以上 (Win) | YES |
| ChatGPT アカウント | Plus 以上 | YES |
| インターネット接続 | 安定回線 | YES |
| Google アカウント | Gemini 利用時のみ | NO |
| ディスク空き | 1GB 以上 | YES |
# 1. このフォルダを任意の場所に展開
# 2. セットアップ実行
.\INSTALL.ps1
# 3. ChatGPT 認証 (初回のみ・ブラウザが開きます)
cd "$env:USERPROFILE\.claude\skills\chatgpt-image2"
python scripts\run.py auth_manager.py setup
# 4. (オプション) Gemini 認証
cd "$env:USERPROFILE\.claude\skills\autodeck"
python scripts\gemini_browser.py --auth-setup
# 5. Claude Code で利用開始
# 例: 「このスタイルでAI副業の3枚スライド作って」+ 参考画像# 1. このフォルダを展開
cd autodeck-bundle
# 2. セットアップ
bash INSTALL.sh
# 3. ChatGPT 認証
cd ~/.claude/skills/chatgpt-image2
python3 scripts/run.py auth_manager.py setup- autodeck:
~/.claude/skills/autodeck/(ユーザースキル) - chatgpt-image2:
~/.claude/skills/chatgpt-image2/(ユーザースキル)
※元PCでは chatgpt-image2 が C:/programing/.claude/skills/ (プロジェクト配下) でしたが、本バンドルでは可搬性を高めるため両方ともユーザースキル配下にインストールします。autodeck/scripts/generate.py 内のパス参照も自動修正されます。
ユーザー: 「ref.jpg のスタイルで3枚作って。
1枚目: 表紙『AI副業の始め方』
2枚目: 3つのコツ(①ターゲット ②ツール ③収益化)
3枚目: CTA『今すぐ無料相談』」
↓
Claude が自動でレイアウト選択 → スタイル抽出 → 順次生成
または Excel/TSV を貼付:
タイトル 内容 レイアウト
AI副業の始め方 月30万を目指すロードマップ cover-title
3つの戦略 ①ターゲット ②ツール ③収益化 cards-3col
今すぐ申込 無料セッション30分 cta-action
主な既知問題:
- ChatGPT Plus制限: 1日あたりの画像生成数に上限。超過時は cooldown 待ち
- Gemini auth_setup 誤検出: 未ログインの紹介ページもログイン済みと判定する不具合あり (手動でURL確認必要)
- patchright インストール失敗:
pip install patchright>=1.49.0を手動実行
- 配布バンドル: 約 5MB (スクリプト+レイアウト定義+サンプル画像のみ)
- 認証後の実体: +400-500MB (Chromeプロファイル、各PCで個別生成)