本文へ移動
cccskills
無料GitHub で公開

nano-banana

REQUIRED for all image generation requests. Generate and edit images using Nano Banana (Gemini CLI). Handles blog featured images, YouTube thumbnails, icons, diagrams, patterns, illustrations, photos, visual assets, graphics, artwork, pictures. Use this skill whenever the user asks to create, generate, make, draw, design, or edit any image or visual content.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md5.4 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Nano Banana Image Generation

Generate professional images via the Gemini CLI's nanobanana extension.

When to Use This Skill

ALWAYS use this skill when the user:

  • Asks for any image, graphic, illustration, or visual
  • Wants a thumbnail, featured image, or banner
  • Requests icons, diagrams, or patterns
  • Asks to edit, modify, or restore a photo
  • Uses words like: generate, create, make, draw, design, visualize

Do NOT attempt to generate images through any other method.

Before First Use

  1. Verify extension is installed:
    gemini extensions list | grep nanobanana
    
  2. If missing, install it:
    gemini extensions install https://github.com/gemini-cli-extensions/nanobanana
    
  3. Verify API key is set:
    [ -n "$GEMINI_API_KEY" ] && echo "API key configured" || echo "Missing GEMINI_API_KEY"
    

Command Selection

User RequestCommand
"make me a blog header"/generate
"create an app icon"/icon
"draw a flowchart of..."/diagram
"fix this old photo"/restore
"remove the background"/edit
"create a repeating texture"/pattern
"make a comic strip"/story

Available Commands

Note: Always use the --yolo flag to automatically approve all tool actions.

CommandUse Case
gemini --yolo "/generate 'prompt'"Text-to-image generation
gemini --yolo "/edit file.png 'instruction'"Modify existing image
gemini --yolo "/restore old_photo.jpg 'fix scratches'"Repair damaged photos
gemini --yolo "/icon 'description'"App icons, favicons, UI elements
gemini --yolo "/diagram 'description'"Flowcharts, architecture diagrams
gemini --yolo "/pattern 'description'"Seamless textures and patterns
gemini --yolo "/story 'description'"Sequential/narrative images
gemini --yolo "/nanobanana prompt"Natural language interface

Common Options

  • --yolo - Required. Auto-approve all tool actions (no confirmation prompts)
  • --count=N - Generate N variations (1-8)
  • --preview - Auto-open generated images
  • --styles="style1,style2" - Apply artistic styles
  • --format=grid|separate - Output arrangement

Common Sizes

Use CaseDimensionsNotes
YouTube thumbnail1280x720--aspect=16:9
Blog featured image1200x630Social preview friendly
Square social1080x1080Instagram, LinkedIn
Twitter/X header1500x500Wide banner
Vertical story1080x1920--aspect=9:16

Model Selection

Default: gemini-2.5-flash-image (~$0.04/image)

For higher quality (4K, better reasoning):

export NANOBANANA_MODEL=gemini-3-pro-image-preview

Blog Featured Image Examples

# Modern illustration style
gemini --yolo "/generate 'modern flat illustration of developer coding at laptop, purple and blue gradient background, minimalist style, no text' --preview"

# Professional photography style
gemini --yolo "/generate 'professional editorial photo of coffee cup next to laptop on wooden desk, morning sunlight, shallow depth of field, no text' --count=3"

# Tech/abstract
gemini --yolo "/generate 'abstract visualization of neural network connections, dark background with glowing blue nodes, futuristic style' --preview"

Icon Generation

gemini --yolo "/icon 'minimalist app logo for productivity tool' --sizes='64,128,256,512' --type='app-icon' --corners='rounded'"

Diagram Generation

gemini --yolo "/diagram 'user authentication flow with OAuth' --type='flowchart' --style='modern'"

Output Location

All generated images are saved to ./nanobanana-output/ in the current directory.

Presenting Results

After generation completes:

  1. List contents of ./nanobanana-output/ to find generated files
  2. Present the most recent image(s) to the user
  3. Offer to regenerate with variations if needed

Refinements and Iterations

When the user asks for changes:

  • "Try again" / "Give me options": Regenerate with --count=3
  • "Make it more [adjective]": Adjust prompt and regenerate
  • "Edit this one": Use gemini --yolo "/edit nanobanana-output/filename.png 'adjustment'"
  • "Different style": Add --styles="requested_style" to the command

Prompt Tips

  1. Be specific: Include style, mood, colors, composition details
  2. Add "no text": If you don't want text rendered in the image
  3. Reference styles: "editorial photography", "flat illustration", "3D render", "watercolor"
  4. Specify aspect ratio context: "wide banner", "square thumbnail", "vertical story"

Troubleshooting

ProblemSolution
GEMINI_API_KEY not setexport GEMINI_API_KEY="your-key"
Extension not foundRun install command from setup section
Quota exceededWait for reset or switch to flash model
Image generation failedCheck prompt for policy violations, simplify request
Output directory missingWill be created automatically on first run

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Comprehensive China A-share stock analysis covering fundamental analysis, technical analysis, policy impact assessment, and market-specific features (T+1 trading, price limits, northbound capital flow). Use when user asks about A股分析, Chinese mainland stocks, Shanghai/Shenzhen listed stocks, or needs analysis considering China market characteristics.

日本語の概要は準備中です。原文の説明を表示しています。

nicepkg/ai-workflow2852026年1月20日 更新

Screen and filter A-share stocks based on fundamental metrics, technical indicators, capital flow, and custom criteria. Support multiple screening strategies including value investing, growth investing, momentum trading, and dividend hunting. Use when user wants to find stocks meeting specific criteria like "低PE高ROE股票", "北向资金加仓股", "突破年线的股票".

日本語の概要は準備中です。原文の説明を表示しています。

nicepkg/ai-workflow2852026年1月20日 更新

Generate high-converting ad copy for Google Ads, Meta (Facebook/Instagram), LinkedIn, and TikTok. Creates multiple variations with A/B testing in mind. Includes headlines, descriptions, CTAs, and platform-specific formats. Use when creating ads, generating ad variations, or A/B testing ad copy.

日本語の概要は準備中です。原文の説明を表示しています。

nicepkg/ai-workflow2852026年1月20日 更新

Add new skills to an existing workflow and update all related documentation. Use when user wants to add skills from GitHub URLs to a workflow (e.g., "add this skill to the workflow", "为工作流添加技能"). Triggers on adding skills to workflows, updating workflow documentation after skill additions.

日本語の概要は準備中です。原文の説明を表示しています。

nicepkg/ai-workflow2852026年1月20日 更新

agile

無料

Agile product management, Scrum practices, and team collaboration for iterative product development.

日本語の概要は準備中です。原文の説明を表示しています。

nicepkg/ai-workflow2852026年1月20日 更新

Plan and execute effective sprints using Agile methodologies. Define sprint goals, estimate user stories, manage sprint backlog, and facilitate daily standups to maximize team productivity and deliver value incrementally.

日本語の概要は準備中です。原文の説明を表示しています。

nicepkg/ai-workflow2852026年1月20日 更新

nicepkg のスキルをすべて見る

このスキルの問題を報告する