🎨 画像AI コミュニティ

baoyu-gemini-web

Google Gemini Webを活用し、テキスト指示に基づいて画像を生成したり、文章を作成したりすることができ、他のSkillと連携してカバー画像や記事のイラスト作成にも応用できるSkill。

📜 元の英語説明(参考)

Image generation skill using Gemini Web. Generates images from text prompts via Google Gemini. Also supports text generation. Use as the image generation backend for other skills like cover-image, xhs-images, article-illustrator.

🇯🇵 日本人クリエイター向け解説

一言でいうと

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux

mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o baoyu-gemini-web.zip https://jpskill.com/download/19387.zip && unzip -o baoyu-gemini-web.zip && rm baoyu-gemini-web.zip

🪟 Windows (PowerShell)

$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/19387.zip -OutFile "$d\baoyu-gemini-web.zip"; Expand-Archive "$d\baoyu-gemini-web.zip" -DestinationPath $d -Force; ri "$d\baoyu-gemini-web.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)

1. 下の青いボタンを押して baoyu-gemini-web.zip をダウンロード
2. ZIPファイルをダブルクリックで解凍 → baoyu-gemini-web フォルダができる
3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
4. Claude Code を再起動

⬇ .zip でダウンロード(推奨) ⬇ .skill 形式(上級者用) 元のソース ↗

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
- · macOS / Linux: ~/.claude/skills/
- · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →

最終更新: 2026-05-18
取得日時: 2026-05-18
同梱ファイル: 10

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

Gemini Web クライアント

クイックスタート

npx -y bun scripts/main.ts "Hello, Gemini"
npx -y bun scripts/main.ts --prompt "Explain quantum computing"
npx -y bun scripts/main.ts --prompt "A cute cat" --image cat.png
npx -y bun scripts/main.ts --promptfiles system.md content.md --image out.png

コマンド

テキスト生成

# シンプルなプロンプト (位置引数)
npx -y bun scripts/main.ts "Your prompt here"

# 明示的なプロンプトフラグ
npx -y bun scripts/main.ts --prompt "Your prompt here"
npx -y bun scripts/main.ts -p "Your prompt here"

# モデル選択あり
npx -y bun scripts/main.ts -p "Hello" -m gemini-2.5-pro

# 標準入力からのパイプ
echo "Summarize this" | npx -y bun scripts/main.ts

画像生成

# デフォルトパス (./generated.png) で画像を生成
npx -y bun scripts/main.ts --prompt "A sunset over mountains" --image

# カスタムパスで画像を生成
npx -y bun scripts/main.ts --prompt "A cute robot" --image robot.png

# 短縮形
npx -y bun scripts/main.ts "A dragon" --image=dragon.png

出力形式

# プレーンテキスト (デフォルト)
npx -y bun scripts/main.ts "Hello"

# JSON 出力
npx -y bun scripts/main.ts "Hello" --json

オプション

オプション	短縮形	説明
`--prompt <text>`	`-p`	プロンプトテキスト
`--promptfiles <files...>`		ファイルからプロンプトを読み込む (順番に連結されます)
`--model <id>`	`-m`	モデル: gemini-3-pro (デフォルト), gemini-2.5-pro, gemini-2.5-flash
`--image [path]`		画像を生成し、パスに保存します (デフォルト: generated.png)
`--json`		JSON 形式で出力します
`--login`		クッキーのみを更新し、終了します
`--cookie-path <path>`		カスタムクッキーファイルパス
`--profile-dir <path>`		Chrome プロファイルディレクトリ
`--help`	`-h`	ヘルプを表示します

モデル

gemini-3-pro - デフォルト、最新モデル
gemini-2.5-pro - 前世代のプロモデル
gemini-2.5-flash - 高速、軽量

認証

初回実行時に Chrome が開き、Google で認証を行います。クッキーは以降の実行のためにキャッシュされます。

# クッキーの強制更新
npx -y bun scripts/main.ts --login

環境変数

変数	説明
`GEMINI_WEB_DATA_DIR`	データディレクトリ
`GEMINI_WEB_COOKIE_PATH`	クッキーファイルパス
`GEMINI_WEB_CHROME_PROFILE_DIR`	Chrome プロファイルディレクトリ
`GEMINI_WEB_CHROME_PATH`	Chrome 実行可能ファイルのパス

例

テキスト応答の生成

npx -y bun scripts/main.ts "What is the capital of France?"

画像の生成

npx -y bun scripts/main.ts "A photorealistic image of a golden retriever puppy" --image puppy.png

パース用の JSON 出力を取得

npx -y bun scripts/main.ts "Hello" --json | jq '.text'

プロンプトファイルからの画像生成

# system.md + content.md をプロンプトとして連結
npx -y bun scripts/main.ts --promptfiles system.md content.md --image output.png

📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Gemini Web Client

Quick start

npx -y bun scripts/main.ts "Hello, Gemini"
npx -y bun scripts/main.ts --prompt "Explain quantum computing"
npx -y bun scripts/main.ts --prompt "A cute cat" --image cat.png
npx -y bun scripts/main.ts --promptfiles system.md content.md --image out.png

Commands

Text generation

# Simple prompt (positional)
npx -y bun scripts/main.ts "Your prompt here"

# Explicit prompt flag
npx -y bun scripts/main.ts --prompt "Your prompt here"
npx -y bun scripts/main.ts -p "Your prompt here"

# With model selection
npx -y bun scripts/main.ts -p "Hello" -m gemini-2.5-pro

# Pipe from stdin
echo "Summarize this" | npx -y bun scripts/main.ts

Image generation

# Generate image with default path (./generated.png)
npx -y bun scripts/main.ts --prompt "A sunset over mountains" --image

# Generate image with custom path
npx -y bun scripts/main.ts --prompt "A cute robot" --image robot.png

# Shorthand
npx -y bun scripts/main.ts "A dragon" --image=dragon.png

Output formats

# Plain text (default)
npx -y bun scripts/main.ts "Hello"

# JSON output
npx -y bun scripts/main.ts "Hello" --json

Options

Option	Short	Description
`--prompt <text>`	`-p`	Prompt text
`--promptfiles <files...>`		Read prompt from files (concatenated in order)
`--model <id>`	`-m`	Model: gemini-3-pro (default), gemini-2.5-pro, gemini-2.5-flash
`--image [path]`		Generate image, save to path (default: generated.png)
`--json`		Output as JSON
`--login`		Refresh cookies only, then exit
`--cookie-path <path>`		Custom cookie file path
`--profile-dir <path>`		Chrome profile directory
`--help`	`-h`	Show help

Models

gemini-3-pro - Default, latest model
gemini-2.5-pro - Previous generation pro
gemini-2.5-flash - Fast, lightweight

Authentication

First run opens Chrome to authenticate with Google. Cookies are cached for subsequent runs.

# Force cookie refresh
npx -y bun scripts/main.ts --login

Environment variables

Variable	Description
`GEMINI_WEB_DATA_DIR`	Data directory
`GEMINI_WEB_COOKIE_PATH`	Cookie file path
`GEMINI_WEB_CHROME_PROFILE_DIR`	Chrome profile directory
`GEMINI_WEB_CHROME_PATH`	Chrome executable path

Examples

Generate text response

npx -y bun scripts/main.ts "What is the capital of France?"

Generate image

npx -y bun scripts/main.ts "A photorealistic image of a golden retriever puppy" --image puppy.png

Get JSON output for parsing

npx -y bun scripts/main.ts "Hello" --json | jq '.text'

Generate image from prompt files

# Concatenate system.md + content.md as prompt
npx -y bun scripts/main.ts --promptfiles system.md content.md --image output.png

同梱ファイル

※ ZIPに含まれるファイル一覧。`SKILL.md` 本体に加え、参考資料・サンプル・スクリプトが入っている場合があります。

📄 SKILL.md (3,186 bytes)
📎 scripts/chrome-auth.ts (10,795 bytes)
📎 scripts/client.ts (13,433 bytes)
📎 scripts/cookie-store.ts (4,333 bytes)
📎 scripts/executor.ts (9,361 bytes)
📎 scripts/get-cookie.ts (766 bytes)
📎 scripts/index.ts (128 bytes)
📎 scripts/main.ts (11,731 bytes)
📎 scripts/paths.ts (1,336 bytes)
📎 scripts/types.ts (333 bytes)