Community画像github.com

aliksir/claude-code-image-generator

Claude Code プラグイン: Chrome ブラウザ自動操作を介して NanoBanana Pro を使用し、テキストプロンプトから画像を生成します。

claude-code-image-generator とは?

このスキルは、Claude Code に画像生成機能を追加するプラグインです。ユーザーがテキストプロンプトを入力すると、Chrome ブラウザを自動制御して NanoBanana Pro サービスにアクセスし、プロンプトに基づいた画像を生成します。開発者はコード作成やデバッグのワークフローの中で、Claude Code を離れることなく直接画像を生成できるため、プロトタイピングやデザイン案の生成、ドキュメント用の図作成などに便利です。本スキルは Chrome のヘッドレスブラウザ自動化技術を利用しており、NanoBanana Pro の API を介さずに実際のブラウザ操作を模倣します。Claude Code 上で動作するよう設計されており、Node.js 環境と Chrome/Chromium のインストールが必要です。

対応✓Claude Code~Codex CLI~Cursor
npx skills add aliksir/claude-code-image-generator

Installed? Explore more 画像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

claude-code-image-generator は何をしますか?

Claude Code プラグイン: Chrome ブラウザ自動操作を介して NanoBanana Pro を使用し、テキストプロンプトから画像を生成します。

概要

このプラグインを使用すると、Claude Code 内で直接テキストから画像を生成できます。内部では Chrome ブラウザの自動操作(Puppeteer または Playwright を使用)を利用して NanoBanana Pro の画像生成機能にアクセスします。

前提条件

  • Node.js (v18 以上推奨)
  • Chrome または Chromium ブラウザがインストールされていること
  • Claude Code がインストールされていること

インストール

# Claude Code の plugins ディレクトリにクローン
cd ~/.claude/plugins
# または Claude Code の設定に応じたパスに配置
git clone https://github.com/aliksir/claude-code-image-generator.git

使用方法

Claude Code の会話内で以下のように自然言語で指示します。

画像を生成してください: "夕日が照らす静かな海辺の風景"

プラグインは自動的に Chrome を起動し、NanoBanana Pro にアクセスして画像を生成し、結果を Claude Code に返します。

設定

環境変数で動作をカスタマイズできます。

変数名説明デフォルト値
CHROME_PATHChrome 実行ファイルのパス自動検出
HEADLESSヘッドレスモードの有効化true
TIMEOUT_MS各操作のタイムアウト(ミリ秒)30000

注意事項

  • このプラグインは NanoBanana Pro のウェブインターフェースを自動操作するものです。利用規約に従って使用してください。
  • Chrome の自動操作には Puppeteer または Playwright が使用されます。必要なパッケージは自動的にインストールされます。
  • 生成された画像はブラウザのダウンロードフォルダまたは一時ディレクトリに保存されます。

ライセンス

MIT

関連スキル