mcpField
I
imagen

imagen

github.com/sanjay3290クリエイティブ・メディア447610 回インストール7 週間前に更新
リポジトリ

imagen について

Imagen は、Google Gemini を使ってテキストプロンプトから PNG 画像を生成する Claude Code スキルです。開発やドキュメント向けの画像を作成し、指定した場所に保存できます。

主な機能

  1. 01テキストプロンプトによる画像生成
  2. 02出力先の指定
  3. 03画像サイズの調整
  4. 04PNG ファイルで出力
  5. 05Windows、macOS、Linux に対応

活用シーン

  1. 01フロントエンド画像やプレースホルダーの作成
  2. 02ドキュメントへのイラスト追加
  3. 03概念やアーキテクチャの可視化
  4. 04アイコン、ロゴ、UI 素材の生成

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/sanjay3290/ai-skills --skill imagen

インストール後、Claude Code で/imagenを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

.env.example
.gitignore
examples.md
README.md
reference.md
scripts/
generate_image.py

詳細

Imagen - AI 画像生成スキル

概要

このスキルは、Google Gemini の画像生成モデル（gemini-3-pro-image-preview）を使用して画像を生成します。フロントエンド UI の構築、ドキュメントの作成、コンセプトのビジュアル化など、あらゆる Claude Code のセッション中にシームレスに画像を作成できます。

クロスプラットフォーム：Windows、macOS、Linux で動作します。

このスキルを使用するタイミング

次の場合に、このスキルを自動的に有効にします：

  • ユーザーが画像生成を依頼した場合（例：「〜の画像を生成して」「画像を作成して」）
  • フロントエンド開発でプレースホルダー画像または実際の画像が必要な場合
  • ドキュメントにイラストや図が必要な場合
  • コンセプト、アーキテクチャ、アイデアを視覚化する場合
  • アイコン、ロゴ、UI アセットを作成する場合
  • AI 生成画像が役立つあらゆるタスク

仕組み

  1. 希望する画像を説明するテキストプロンプトを受け取ります
  2. 画像生成の設定を指定して Google Gemini API を呼び出します
  3. 生成した画像を指定した場所（デフォルトでは現在のディレクトリ）に保存します
  4. プロジェクトで使用する画像のファイルパスを返します

使用方法

Python（クロスプラットフォーム — 推奨）
# Basic usage
python scripts/generate_image.py "A futuristic city skyline at sunset"

# With custom output path
python scripts/generate_image.py "A minimalist app icon for a music player" "./assets/icons/music-icon.png"

# With custom size
python scripts/generate_image.py --size 2K "High resolution landscape" "./wallpaper.png"

要件

  • GEMINI_API_KEY 環境変数を設定する必要があります
  • Python 3.6 以降（標準ライブラリのみを使用するため、pip のインストールは不要です）

出力

生成された画像は PNG ファイルとして保存されます。スクリプトは次を返します：

  • 成功：生成された画像のパス
  • 失敗：詳細を含むエラーメッセージ

例

フロントエンド開発
User: "I need a hero image for my landing page - something abstract and tech-focused"
-> Generates and saves image, provides path for use in HTML/CSS
ドキュメント
User: "Create a diagram showing microservices architecture"
-> Generates visual representation, ready for README or docs
UI アセット
User: "Generate a placeholder avatar image for the user profile component"
-> Creates image in appropriate size for component use

コメント

Markdown 対応