본문으로 건너뛰기
cccskills
무료GitHub에 공개

nano-banana-image-gen

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

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hukusuke1007/agent-skills
연동 도구Gemini

실행 점수 미검증

설치 방법 보기

포함된 파일(2)

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

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

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 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

claude-md-manager

무료

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일 업데이트

codebase-onboarding

무료

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hukusuke1007/agent-skills82026년 9월 12일 업데이트

coding-rules

무료

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hukusuke1007/agent-skills82026년 9월 12일 업데이트

design-md-generator

무료

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일 업데이트

flutter-riverpod-arch

무료

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hukusuke1007/agent-skills82026년 9월 12일 업데이트

image-compressor

무료

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hukusuke1007/agent-skills82026년 9월 12일 업데이트

hukusuke1007의 스킬 모두 보기

이 스킬의 문제 신고