// 背景透過された画像を生成する。Gemini APIで画像生成後、WaveSpeed AI (Bria) で背景を自動透過。透過PNG、切り抜き画像、背景なし画像の生成に使用。
ブラウザゲームを自動プレイするスキル。agent-browserを使ってローカルまたはオンラインのHTML/JSゲームをプレイします。倉庫番、オセロ、五目並べなど。
Creates browser-based board games (Othello, Gomoku, Chess, etc.) with HTML/CSS/JS. Use when the user wants to create a new board game, implement game logic, or add AI opponents.
ゲームを実際にプレイしてクリアできるか検証し、詰まった場合は原因を特定・修正するスキル。
Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.
Gemini APIを使用して画像を生成します。テキストプロンプトからの画像生成が可能です。
| name | generate-transparent-image |
| description | 背景透過された画像を生成する。Gemini APIで画像生成後、WaveSpeed AI (Bria) で背景を自動透過。透過PNG、切り抜き画像、背景なし画像の生成に使用。 |
Gemini APIで画像を生成し、WaveSpeed AI (Bria Remove Background) で背景を自動透過します。1回の指示で背景透過済みの画像を生成できます。
以下の環境変数が設定されている必要があります：
GEMINI_API_KEY - Gemini APIキーWAVESPEED_API_KEY - WaveSpeed AIキー重要: 画像生成プロンプトには必ず「背景透過画像を生成」という指示を含めてください。
これにより、Gemini APIが背景がシンプルな画像を生成しやすくなり、PhotoRoomによる背景透過の精度が向上します。
# 良い例
"背景透過画像を生成: 可愛い赤ちゃん、実写風"
"背景透過画像を生成: マレーシアのナシレマ、フードフォトグラフィ"
"背景透過画像を生成: 白い猫、isolated on white background"
# 悪い例（背景透過の指示がない）
"可愛い赤ちゃん"
"マレーシアのナシレマ"
背景透過画像を生成: [被写体の説明], [スタイル指定（実写風、イラスト風など）]
.claude/skills/generate-transparent-image/.venv/bin/python .claude/skills/generate-transparent-image/scripts/generate_transparent.py "<プロンプト>" -o <出力ファイル>
# 基本的な使い方
.claude/skills/generate-transparent-image/.venv/bin/python .claude/skills/generate-transparent-image/scripts/generate_transparent.py "背景透過画像を生成: 可愛い赤ちゃん、実写風" -o baby.png
# アスペクト比を指定
.claude/skills/generate-transparent-image/.venv/bin/python .claude/skills/generate-transparent-image/scripts/generate_transparent.py "背景透過画像を生成: 白い猫、実写風フォトグラフィ" --aspect-ratio 3:4 -o cat.png
# 正方形で生成
.claude/skills/generate-transparent-image/.venv/bin/python .claude/skills/generate-transparent-image/scripts/generate_transparent.py "背景透過画像を生成: 赤いりんご、プロダクトフォト" --aspect-ratio 1:1 -o apple.png
既存の画像を参照して、スタイル変換や編集が可能です。
# 画像をアニメ風に変換
.claude/skills/generate-transparent-image/.venv/bin/python .claude/skills/generate-transparent-image/scripts/generate_transparent.py "この画像をアニメ風に変換" -r input.png -o anime.png
# 複数の画像を参照
.claude/skills/generate-transparent-image/.venv/bin/python .claude/skills/generate-transparent-image/scripts/generate_transparent.py "これらの画像を合成して新しいキャラクターを作成" -r ref1.png -r ref2.png -o merged.png
# 既存キャラクターの背景透過版を生成
.claude/skills/generate-transparent-image/.venv/bin/python .claude/skills/generate-transparent-image/scripts/generate_transparent.py "背景透過画像を生成: このキャラクターを同じスタイルで" -r character.png -o transparent_char.png
.png）.jpg, .jpeg）.gif）.webp）| オプション | 説明 |
|---|---|
-o, --output | 出力ファイルのパス（デフォルト: output.png） |
--aspect-ratio | アスペクト比（1:1, 16:9, 3:4, 4:3, 9:16 など） |
-r, --reference | 参照画像のパス（複数指定可能） |
指定可能な値: 1:1, 2:3, 3:2, 3:4, 4:3, 4:5, 5:4, 9:16, 16:9, 21:9
Python 3.10の仮想環境が必要です。初回セットアップ：
cd .claude/skills/generate-transparent-image
uv venv --python 3.10 .venv
uv pip install requests pillow -p .venv
POST https://api.wavespeed.ai/api/v3/media/upload/binaryPOST https://api.wavespeed.ai/api/v3/bria/remove-backgroundcd .claude/skills/generate-transparent-image
rm -rf .venv
uv venv --python 3.10 .venv
uv pip install requests pillow -p .venv
GEMINI_API_KEYやWAVESPEED_API_KEYに特殊文字（+, /, =など）が含まれている場合、curlコマンドでエラーが発生することがあります。
解決策: 本スキルはPythonスクリプトを使用しているため、この問題は発生しません。
仮想環境からネットワークアクセスができない場合：
Failed to resolve 'generativelanguage.googleapis.com'
原因: 仮想環境のPythonがシステムのDNS設定を正しく参照できていない
解決策: システムのPythonを使用するか、仮想環境を再作成してください。