画像生成AI「Nano Banana Pro」をClaude Codeで使えるスキル「ccskill-nanobanana」を公開
2025年12月16日 株式会社フィードテイラー 代表取締役 大石裕一
株式会社フィードテイラー（本社：大阪市北区、代表取締役：大石裕一、以下当社）は、Anthropic社が提供するAIコーディングエージェント「Claude Code」向けの画像生成スキル「ccskill-nanobanana」を、2025年12月16日にGitHubにてオープンソース（MITライセンス）で公開したことを発表します。
ccskill-nanobanana について
ccskill-nanobanana は、Google社が提供する高品質画像生成AI「Nano Banana Pro」（Gemini 3 Pro Image）を Claude Code から利用できるようにするスキルです。Nano Banana Pro のプロンプトのベストプラクティスをスキルのナレッジとして記述しています。本スキルもまた Claude Code を使って開発されました。
Claude Code は、Anthropic 社が提供するAIコーディングエージェントで、ターミナル上で動作し、コードの生成・編集・実行を自律的に行うことができます。ccskill-nanobanana を導入することで、Claude Code に「画像を生成する能力」が追加され、テキストから画像への変換、既存画像の編集、スタイル転送などをAIエージェントが自律的に実行できるようになります。
画像生成を伴う自律的なワークフローのメリット
従来、AIを使った画像生成は、「ブラウザを開き、人間がプロンプトを入力し、結果を確認し、修正を繰り返す」という手動のプロセスでした。ccskill-nanobanana のスキルを導入すると、以下のようなワークフローが可能となります。
- 指示 : 原稿や資料等を Claude Code に提示し、画像生成と関連タスクを指示
- 生成 : Claude Code は内容を理解し、適切なプロンプトを自動生成
- 保存 : Claude Code がスキルを使って画像生成し、適切なディレクトリに保存
- 調整 : 必要に応じて画像の微調整と再生成を指示
- 適用 : 原稿に画像挿入する等の後続処理を実施
Nano Banana Pro によるクオリティの高い画像生成や、参照画像から別画像を生成する機能がAIに統合され、効率的なワークフローが実現します。
活用例：本プレスリリースのOGP画像作成
本プレスリリースのOGP画像は、ccskill-nanobanana を使用して Claude Code と対話しながら生成しました。人間はプロンプトを一切記述していません。
ccskill-nanobanana のスキルを追加した Claude Code との対話を通じて生成した本プレスリリースのOGP画像
この画像の生成過程は以下の通りです。
作成プロセス
| 1. 指示 | Visual Studio Code でプレスリリースの原稿を開き、「このプレス用のOGP画像を作成して、複数パターン提示してください」と Claude Code に依頼 |
|---|---|
| 2. 初回生成 | Claude Code は表示中の原稿内容を理解し、Nano Banana Pro のベストプラクティスを考慮したプロンプトを作って画像生成 |
| 3. フィードバック | 一番良い画像を選定し、「もっと写実的に」「リアルな雰囲気で」「人間はコード入力、AIは絵を描く、という役割分担を明確に表現して」と大きな方向性をフィードバック |
| 4. 再生成 | Claude Codeは初回画像を参照画像として、微調整を行うプロンプトを作って新たな画像を生成。画像が意図した方向性になったことを確認 |
| 5. さらなる調整 | 「キーボードは Magic Keyboard に」「壁に抽象的な絵を1枚」「画面のソースコードはHTMLっぽく」「Visual Studio Code や Claude Code を使ってる風で」「プレビュー画面はAIが描画中の画像を埋め込む」等々の細部をフィードバック |
| 6. 画像の決定 | 2,3回の調整を行い、おおむね思い描いていたイメージに近い画像が完成 |
| 7. 画像の調整とページ完成 | OGP画像向けの解像度変更やクロップ作業、ページの完成を指示。Claude Code は画像加工後、プレスリリース原稿への埋め込みコードを追記、自らブラウザを自動起動して確認後、作業完了を人間に報告 |
従来であれば、画像生成AIのサイトを開き、プロンプトを試行錯誤し、ダウンロードして適切なフォルダに配置して確認する…という一連の作業が必要でしたが、Claude Code に ccskill-nanobanana のスキルを使わせることにより、AIと対話しながらシームレスに制作作業を完結させることができました。
Nano Banana Pro の画像生成クオリティ
ccskill-nanobananaが採用しているNano Banana Pro は、2025年12月にリリースされた最新の画像生成AIモデルで、以下の特徴から開発者コミュニティで注目を集めています。
| 高精度テキストレンダリング | 画像内にテキストを高い精度で配置可能 |
|---|---|
| インフォグラフィック生成 | 複雑な情報を視覚的に整理した図解を生成可能 |
| 参照画像による編集 | 既存画像のスタイルや構図を維持しながら編集が可能 |
| 高解像度対応 | 1K / 2K / 4K の解像度に対応 |
| 多様なアスペクト比 | 1:1、16:9、9:16、4:3など様々な比率に対応 |
ccskill-nanobanana の主な機能
Claude Code を使用しているプロジェクト内で画像を生成するにあたって、自然言語で指示を与えることができます。またスキルを経由せず、Python スクリプト単体として使用することもできます。
| テキストから画像生成 | 自然言語のプロンプトから高品質な画像を生成 例：「選択範囲のテキストの内容に合った挿絵を風景画っぽく生成して」 |
|---|---|
| 参照画像による編集 | 既存画像を参照しながらのスタイル変更、背景変更、部分編集が可能（最大14枚まで参照可能） 例：「さっきの画像の背景を夕焼けに変更して直近のブログ投稿に挿入して」 |
| 解像度・比率指定 | 1K / 2K / 4K、および多様なアスペクト比に対応 例：「4K解像度、16:9でXXXのファイルの内容にあった画像を作成して」 |
| 出力先指定 | 生成画像の保存先ディレクトリを柔軟に指定可能 例：「XX風に画像を生成して保存先は ./static/images/ にして」 |
| コマンドライン対応 | Claude Codeスキルとしてだけでなく、単体のCLIツールとしても利用可能 例： python generate_image.py --aspect 16:9 --resolution 2K "夏の夕焼けの海岸線を4人家族が歩いている。愛犬のコーギーが先導するように一番前を先を急かす目で振り返っている。小学生/幼稚園の男女子供2人は手を繋ぎながら片手でビーチサンダルを持って裸足で波打ち際を走っている" |
想定される活用シーン
Claude Code を利用しているデベロッパーやマネージャーは、ccskill-nanobanana を以下のような作業に活用することができます。 ※2025年12月にスキル機能に対応した OpenAI 社の Codex でも同様に利用可能です。
| Web制作 | OGP画像、バナー、アイコンなどの素材を開発フロー内で自動生成 |
|---|---|
| ドキュメント作成 | 技術ドキュメントの図解やインフォグラフィックを自動生成 |
| プロトタイピング | UIモックアップやデザインカンプの素材を素早く生成 |
| コンテンツ制作 | ブログ記事やプレスリリースのアイキャッチ画像を自動生成 |
また Claude Code 環境においては、subagents に本スキルを使わせて画像を伴う高度なタスクを処理させることも可能です。
入手・導入方法
GitHubからリポジトリをクローンして、APIキーの取得や環境変数を設定するだけで使い始められます。詳細な手順はREADMEをご覧ください。
| GitHub | https://github.com/feedtailor/ccskill-nanobanana |
|---|---|
| ライセンス | MIT License |
| 対応環境 | Python 3.10以上、Google AI Studio APIキーが必要 |
今後の展開
当社では、AIエージェントの作業プロセスを支援するツールの開発を継続していく予定です。ccskill-nanobanana についてもフィードバックを頂きながら機能拡充を進めてまいります。
株式会社フィードテイラーについて
業務用iOSのノウハウ発信に特化した「エンタープライズiOS研究所」を運営。ACN（Apple Consultants Network）メンバー企業。端末管理や業務用iOSアプリの豊富な知見をもとに、MDM導入支援や、カスタムアプリ開発体制構築支援等を行っている。
業務用iOS事業以外でも、CMSサイトを静的化して高速化・攻撃無効化を一挙両得できる「espar vault」、静的サイト向けのフォーム実装JavaScriptツールで独自ドメインDKIM署名にも対応した「espar form」、Webサイトのスナップショットを生成する「espar archive」など、静的化技術に特化したサービスでWeb制作現場の課題を解決する事業を営む。
本リリースに関するお問い合わせ
株式会社フィードテイラー info [at] feedtailor.jp
※Nano Banana Pro、Gemini は、Google LLCの商標または登録商標です。
※Claude、Claude Code は、Anthropic, PBCの商標です。
※Codex は、OpenAI, Inc.の商標です。
※GitHub は、GitHub, Inc.の商標または登録商標です。
※その他、記載されている会社名、製品名は、各社の登録商標または商標です。