Skills
.Work. You
Rest

nanobanana-image

Official

Create stunning slide images with Gemini AI.

Design & Creative#image#Gemini#MDX#generate#slide#ai-image#deck-assets
Authorco-r-e
Version1.0.0
Installs0

System Documentation

AI image generation skill. Uses Gemini API (gemini-3.1-flash-image-preview) to generate high-quality images for slides, saves them to the deck's assets directory, and inserts them into MDX. Triggers: 「画像を生成」「画像を作って」「イメージを生成」「generate image」「create image」

What problem does it solve?

Automates the creation of visually engaging slide imagery by generating images from prompts and embedding them into the slide deck, eliminating manual image sourcing and design time.

Core Features & Use Cases

  • Gemini-powered image generation for slides and decks
  • Saves generated images to decks/<deck>/assets and inserts references into MDX
  • Supports end-to-end workflow from prompt to in-situ image placement for presentations
  • Use Case: Add a hero image to a slide deck without leaving Claude Code

Quick Start

Run the nanobanana-image workflow in Claude Code to generate a Gemini-powered image for your slide and automatically insert it into the deck's MDX file.

Dependency Matrix

Required Modules

@google/genai

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: nanobanana-image
Download link: https://github.com/co-r-e/dexcode/archive/main.zip#nanobanana-image

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.