跳到正文
cccskills
免费在 GitHub 公开

nano-banana-image-gen

Nano Banana 2(Google Gemini gemini-3.1-flash-image-preview)を使って画像を生成するスキル。「画像を生成して」「〇〇のイラストを作って」「Nano Bananaで画像を作って」「グラレコ風の画像を生成して」などのリクエストで使用する。

プロンプトを受け取りpythonスクリプトを実行、タイムスタンプ付きPNGを images/generated/ に出力する。

中文简介正在准备中。当前显示原文说明。

集成工具Gemini

实测评分 未实测

查看安装方法

包含的文件(2)

  • SKILL.md2.4 KB
  • scripts/nano_banana_gen.py2.7 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

Nano Banana 画像生成

実行手順

  1. ユーザーのリクエストから画像生成プロンプトを確定する
  2. マルチモーダル指示(フレーム画像など入力画像あり)の場合は --image 引数を付ける
  3. 以下のコマンドを実行する

テキストのみ:

python .claude/skills/nano-banana-image-gen/scripts/nano_banana_gen.py "プロンプトテキスト"

画像+テキスト:

python .claude/skills/nano-banana-image-gen/scripts/nano_banana_gen.py "プロンプトテキスト" --image "画像パス"

画像複数+テキスト:

python .claude/skills/nano-banana-image-gen/scripts/nano_banana_gen.py "プロンプトテキスト" --image "画像1" --image "画像2"
  1. 出力パスを確認してユーザーに報告する

設定

プロジェクトルートの .env に以下の環境変数を設定する:

GEMINI_API_KEY=your_api_key_here
GENERATED_IMAGE_OUTPUT_PATH=images/generated

セキュリティ: .env をプロジェクトルートに置く場合は、settings.json の denyRead に .env を追加してAIが読み込めないよう設定すること。

// .claude/settings.json
{
  "permissions": {
    "deny": ["Read(.env)", "Read(.env.*)"]
  }
}
変数名説明
GEMINI_API_KEYGoogle Gemini APIキー(必須)
GENERATED_IMAGE_OUTPUT_PATH出力先ディレクトリ(デフォルト: images/generated)

出力

  • ファイル名: YYYYMMDD_HHMMSS.png
  • 保存先: プロジェクトルートの images/generated/

依存パッケージ確認

初回エラー時は以下でインストール:

pip install google-genai pillow python-dotenv

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

AGENTS.md / CLAUDE.mdの作成・編集・整理を行うスキル。CLAUDE.mdを50行以下を推奨とし、詳細ルールはrules/やスキルにモジュール化して分割管理する。以下のリクエストで使用する: (1)「CLAUDE.mdを作って」「AGENTS.mdを整理して」などCLAUDE.mdの新規作成・編集、(2)「ルールを追加して」「rules/に分割して」などルールの追加・分離、(3)「ディレクトリ構成を更新して」など参照の更新、(4) 新しいディレクトリやルールファイルを作成した後のCLAUDE.md反映。

中文简介正在准备中。当前显示原文说明。

hukusuke1007/agent-skills82026年9月12日 更新

複雑なコードベースを体系的に分析し、アーキテクチャを可視化・ドキュメント化して新規開発者のオンボーディングを支援する汎用スキル。成果物は必ず `docs/` 配下に分割出力する。以下のリクエストで使用する:(1)「このコードベースを分析して」「全体像を教えて」など概要把握、(2)「アーキテクチャドキュメントを作って」「C4図を生成して」など設計ドキュメント生成、(3)「オンボーディング資料を作って」など新規開発者向け資料作成、(4)「技術的負債を洗い出して」など負債評価、(5)「機能一覧を出して」など機能インベントリ生成、(6)「この機能を操作したら何が起きるか追跡して」などユーザー操作フロー追跡、(7)「新機能の実装手順を出して」などフロント/バック横断の実装ガイド生成。特定の言語・フレームワーク・ディレクトリ構成に依存せず、どのリポジトリでも利用できる。

中文简介正在准备中。当前显示原文说明。

hukusuke1007/agent-skills82026年9月12日 更新

AIコーディングエージェント向けの共通コーディングルール。コードの実装・修正・リファクタリング・レビュー時に使用し、前提確認、最小限の変更、検証に加え、空行・処理の区切り・目的と理由のコメントによる人間が後で理解できる可読性を厳守する。

中文简介正在准备中。当前显示原文说明。

hukusuke1007/agent-skills82026年9月12日 更新

URL・画像・テキスト要件からAIコーディングエージェント向けのDESIGN.mdを生成するスキル。「example.comをDESIGN.md化して」「このサムネをDESIGN.md化して」「クールでポップなLP用のDESIGN.mdを作って」といったリクエストで使用する。Claude Code / Cursor / Stitch に渡せば一貫したUIを生成できる、getdesign.md / awesome-design-md 準拠の9セクション構成のデザイン仕様書を出力する。CSS解析・画像目視抽出・要件生成の3パターンに対応。

中文简介正在准备中。当前显示原文说明。

hukusuke1007/agent-skills82026年9月12日 更新

Implement Feature-First architecture with Riverpod state management and Flutter Hooks in Flutter applications

中文简介正在准备中。当前显示原文说明。

hukusuke1007/agent-skills82026年9月12日 更新

添付された複数の画像を一括で圧縮・リサイズするスキル。「画像を圧縮して」「このスクショを軽くして」「リサイズして」「画像を小さくして」などのリクエストで使用する。Pillowで長辺1920pxにリサイズし、JPEG/PNGで出力先ディレクトリに保存する。

中文简介正在准备中。当前显示原文说明。

hukusuke1007/agent-skills82026年9月12日 更新

查看 hukusuke1007 的全部技能

报告此技能的问题