Token导航 LogoToken导航

Agent Skill · 前端设计

nano-banana-pro(纳米香蕉专业版)

nano-banana-pro 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

nano-banana-pro 是前端设计类 Agent Skill,可用宿主为 Codex、Claude、Cursor、Gemini CLI,通过GitHub 仓库获取,权限为接触敏感数据;许可证信息还不明确,第三方扫描有提醒项,按安装量在前端设计类的 10,216 个 Skill 里排第 2,985。

总安装 1,687周安装 71GitHub Stars 26下载 591核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
unknown

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:nano-banana-pro(纳米香蕉专业版)
来源仓库:https://github.com/feedtailor/ccskill-nanobanana
仓库路径:skills/nano-banana-pro
安装命令:
npx skills add https://github.com/feedtailor/ccskill-nanobanana --skill nano-banana-pro
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/feedtailor/ccskill-nanobanana --skill nano-banana-pro

这个 Skill 是做什么的

前端设计类 Skill 关注页面结构、视觉规范和组件写法,输出通常是可运行的界面代码。

纳米香蕉专业版通过Google Nano Banana Pro API生成图像。适用于需要AI图像生成的创意和设计场景。使用前需设置CCSKILL_NANOBANANA_DIR环境变量指向仓库路径。必须配置GEMINI_API_KEY才能正常使用服务。建议先测试基础功能再投入生产环境使用。

来源仓库内路径:skills/nano-banana-pro

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 Codex、Claude、Cursor、Gemini CLI;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 npx skills add https://github.com/feedtailor/ccskill-nanobanana --skill nano-ban…;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它需要接触敏感数据,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

nano-banana-pro 怎么安装?

在终端执行 npx skills add https://github.com/feedtailor/ccskill-nanobanana --skill nano-banana-pro。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

nano-banana-pro 支持哪些 AI 工具?

公开资料标注支持 Codex、Claude、Cursor、Gemini CLI。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

nano-banana-pro 需要什么权限?

权限级别是接触敏感数据。该 Skill 可能接触密钥、Token、环境变量或敏感配置,应进入高风险复核队列,默认不自动发布。

nano-banana-pro 是免费的吗?

公开资料没有标注明确许可证,收费和商用限制都无法确认。正式使用前请到来源仓库核对授权说明。

nano-banana-pro 用的人多吗?

公开数据是累计安装 1,687 次,近一周安装 71 次,下载 591 次,GitHub 26 星。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

nano-banana-pro 安全吗?

第三方扫描有提醒项,说明存在需要人工确认的行为。安装前请打开源码看清它读了什么、联网到哪里。

值得选的地方和要先想清楚的地方

值得选的地方

  • 同时适配 4 种工具,换客户端不用重新找替代品。

先想清楚的地方

  • 需要接触敏感数据,装到常用环境前要先评估影响面。
  • 许可证没有明确标注,能不能商用、能不能再分发都不确定。
  • 第三方扫描存在提醒项或未通过项,需要人工逐条确认。
  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 Codex,想直接扩展它能力的人。
  • 需要处理前端设计类任务、又不想每次都手写提示词的人。

不太适合

  • 环境里有大量密钥、凭证,不方便给第三方 Skill 读取的人。
  • 需要明确授权才能用到公司项目里的场景。
  • 需要厂商级技术支持和 SLA 的生产系统。

前端设计类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
frontend-design

前端设计 · Codex、Claude

8,823,360126,072只读MIT通过
vercel-composition-patterns

Vercel 组合模式 · Codex、Claude

3,858,81625,893需要联网MIT通过
vercel-react-native-skills

Vercel React native skills 前端 · Codex、Claude

2,468,66425,878只读MIT通过
adapt

adapt 搜索 · Codex、Claude

2,027,04023,125操作浏览器未明确通过
bolder

bolder 分析 · Codex、Claude

2,004,28823,130只读未明确通过
nano-banana-pro

纳米香蕉专业版 · 本页

1,68726接触敏感数据未明确有提醒

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

Nano Banana Pro Image Generation Skill

Overview

This skill uses the Google Nano Banana Pro API to generate images. Use this skill when users need image generation.

Prerequisites

  • Set the environment variable CCSKILL_NANOBANANA_DIR to the path of this skill's repository export CCSKILL_NANOBANANA_DIR="$HOME/projects/ccskill-nanobanana"
  • The environment variable GEMINI_API_KEY must be set (or specified in $CCSKILL_NANOBANANA_DIR/.env)

Usage

Generate images with the following command:

$CCSKILL_NANOBANANA_DIR/venv/bin/python $CCSKILL_NANOBANANA_DIR/generate_image.py "prompt"

Options

  • --resolution: Resolution (1K, 2K, 4K) Default: 2K
  • --aspect: Aspect ratio (1:1, 16:9, 9:16, 4:3, etc.) Default: 16:9
  • --output: Output directory Default:./generated_images
  • --reference: Reference image path (multiple allowed, up to 14)

Examples

Basic image generation:

$CCSKILL_NANOBANANA_DIR/venv/bin/python $CCSKILL_NANOBANANA_DIR/generate_image.py "a cat playing piano in watercolor style"

High-resolution wide image:

$CCSKILL_NANOBANANA_DIR/venv/bin/python $CCSKILL_NANOBANANA_DIR/generate_image.py "sunset coastline" --resolution 4K --aspect 16:9

Output to specific directory:

$CCSKILL_NANOBANANA_DIR/venv/bin/python $CCSKILL_NANOBANANA_DIR/generate_image.py "logo design" --output ./assets/images

Reference Image Editing

Edit or modify existing images by providing reference images:

# Change background
$CCSKILL_NANOBANANA_DIR/venv/bin/python $CCSKILL_NANOBANANA_DIR/generate_image.py "change background to sunset" --reference ./original.png

# Use multiple reference images (pose, style, etc.)
$CCSKILL_NANOBANANA_DIR/venv/bin/python $CCSKILL_NANOBANANA_DIR/generate_image.py "draw this person in this pose" --reference ./person.png --reference ./pose.png

Reference image use cases:

  • Partial image editing (background change, color adjustment, etc.)
  • Style transfer (apply style from another image)
  • Character consistency (same person in different scenes)
  • Image compositing

Prompting Guide

Quick Reference

Source: 7 tips to get the most out of Nano Banana Pro - Google Official Blog

Include these elements in your prompts for better results:

  • Subject: Who/what is in the image? Be specific. (e.g., "a stoic robot barista with glowing blue eyes", "a fluffy calico cat wearing a tiny wizard hat")
  • Composition: How is the shot framed? (e.g., extreme close-up, wide shot, low-angle shot, portrait)
  • Action: What's happening? (e.g., brewing coffee, casting a spell, mid-run through a meadow)
  • Location: Where does the scene take place? (e.g., a futuristic cafe on Mars, a cluttered alchemist's study, a sunlit meadow at golden hour)
  • Style: What's the overall aesthetic? (e.g., 3D animation, film noir, watercolor, photorealistic, 1990s product photography)
  • Editing Instructions: When editing existing images, be direct and specific. (e.g., "change the man's tie to green", "remove the car from the background")

For professional results, include more specific instructions:

  • Composition & Aspect Ratio: Define the canvas (e.g., "9:16 vertical poster", "cinematic 21:9 wide shot")
  • Camera & Lighting: Direct the shot like a cinematographer (e.g., "low-angle shot with shallow depth of field (f/1.8)", "golden hour backlight casting long shadows")
  • Text Integration: Clearly specify text appearance and placement (e.g., "place the headline 'URBAN EXPLORER' at the top in bold, white, sans-serif font")

Comprehensive Guide

Source: Guillaume Vernade, Gemini Developer Advocate, Google DeepMind - X/Twitter Thread
The Golden Rules of Prompting

Nano-Banana Pro is a "Thinking" model. It doesn't just match keywords; it understands intent, physics, and composition. To get the best results, stop using "tag soups" (e.g., dog, park, 4k, realistic) and start acting like a Creative Director.

1. Edit, Don't Re-roll

The model is exceptionally good at understanding conversational edits. If an image is 80% correct, do not generate a new one from scratch. Instead, simply ask for the specific change you need.

Example: "That's great, but change the lighting to sunset and make the text neon blue."

2. Use Natural Language & Full Sentences

Talk to the model as if you were briefing a human artist. Use proper grammar and descriptive adjectives.

  • Bad: "Cool car, neon, city, night, 8k."
  • Good: "A cinematic wide shot of a futuristic sports car speeding through a rainy Tokyo street at night. The neon signs reflect off the wet pavement and the car's metallic chassis."

3. Be Specific and Descriptive

Vague prompts yield generic results. Define the subject, the setting, the lighting, and the mood.

  • Subject: Instead of "a woman," say "a sophisticated elderly woman wearing a vintage chanel-style suit."
  • Materiality: Describe textures. "Matte finish," "brushed steel," "soft velvet," "crumpled paper."

4. Provide Context (The "Why" or "For whom")

Because the model "thinks," giving it context helps it make logical artistic decisions.

Example: "Create an image of a sandwich for a Brazilian high-end gourmet cookbook." (The model will infer professional plating, shallow depth of field, and perfect lighting).

Text Rendering, Infographics & Visual Synthesis

Nano-Banana Pro has SOTA capabilities for rendering legible, stylized text and synthesizing complex information into visual formats.

Best Practices:

  • Compression: Ask the model to "compress" dense text or PDFs into visual aids.
  • Style: Specify if you want a "polished editorial," a "technical diagram," or a "hand-drawn whiteboard" look.
  • Quotes: Clearly specify the text you want in quotes.

Example Prompts:

Earnings Report Infographic (Data Ingestion):

[Input PDF of Google's latest earnings report]
"Generate a clean, modern infographic summarizing the key financial highlights from this earnings report. Include charts for 'Revenue Growth' and 'Net Income', and highlight the CEO's key quote in a stylized pull-quote box."

Retro Infographic:

"Make a retro, 1950s-style infographic about the history of the American diner. Include distinct sections for 'The Food,' 'The Jukebox,' and 'The Decor.' Ensure all text is legible and stylized to match the period."

Technical Diagram:

"Create an orthographic blueprint that describes this building in plan, elevation, and section. Label the 'North Elevation' and 'Main Entrance' clearly in technical architectural font. Format 16:9."

Whiteboard Summary (Educational):

"Summarize the concept of 'Transformer Neural Network Architecture' as a hand-drawn whiteboard diagram suitable for a university lecture. Use different colored markers for the Encoder and Decoder blocks, and include legible labels for 'Self-Attention' and 'Feed Forward'."
Character Consistency & Viral Thumbnails

Nano-Banana Pro supports up to 14 reference images (6 with high fidelity). This allows for "Identity Locking"—placing a specific person or character into new scenarios without facial distortion.

Best Practices:

  • Identity Locking: Explicitly state: "Keep the person's facial features exactly the same as Image 1."
  • Expression/Action: Describe the change in emotion or pose while maintaining the identity.
  • Viral Composition: Combine subjects with bold graphics and text in a single pass.

Example Prompts:

The "Viral Thumbnail" (Identity + Text + Graphics):

"Design a viral video thumbnail using the person from Image 1. Face Consistency: Keep the person's facial features exactly the same as Image 1, but change their expression to look excited and surprised. Action: Pose the person on the left side, pointing their finger towards the right side of the frame. Subject: On the right side, place a high-quality image of a delicious avocado toast. Graphics: Add a bold yellow arrow connecting the person's finger to the toast. Text: Overlay massive, pop-style text in the middle: '3 mins!' Use a thick white outline and drop shadow. Background: A blurred, bright kitchen background. High saturation and contrast."

The "Fluffy Friends" Scenario (Group Consistency):

[Input 3 images of different plush creatures]
"Create a funny 10-part story with these 3 fluffy friends going on a tropical vacation. The story is thrilling throughout with emotional highs and lows and ends in a happy moment. Keep the attire and identity consistent for all 3 characters, but their expressions and angles should vary throughout all 10 images. Make sure to only have one of each character in each image."

Brand Asset Generation:

[Input 1 image of a product]
"Create 9 stunning fashion shots as if they're from an award-winning fashion editorial. Use this reference as the brand style but add nuance and variety to the range so they convey a professional design touch. Please generate nine images, one at a time."
Advanced Editing, Restoration & Colorization

The model excels at complex edits via conversational prompting. This includes "In-painting" (removing/adding objects), "Restoration" (fixing old photos), "Colorization" (Manga/B&W photos), and "Style Swapping."

Best Practices:

  • Semantic Instructions: You do not need to manually mask; simply tell the model what to change naturally.
  • Physics Understanding: You can ask for complex changes like "fill this glass with liquid" to test physics generation.

Example Prompts:

Object Removal & In-painting:

"Remove the tourists from the background of this photo and fill the space with logical textures (cobblestones and storefronts) that match the surrounding environment."

Manga/Comic Colorization:

[Input black and white manga panel]
"Colorize this manga panel. Use a vibrant anime style palette. Ensure the lighting effects on the energy beams are glowing neon blue and the character's outfit is consistent with their official colors."

Localization (Text Translation + Cultural Adaptation):

[Input image of a London bus stop ad]
"Take this concept and localize it to a Tokyo setting, including translating the tagline into Japanese. Change the background to a bustling Shibuya street at night."

Lighting/Seasonal Control:

[Input image of a house in summer]
"Turn this scene into winter time. Keep the house architecture exactly the same, but add snow to the roof and yard, and change the lighting to a cold, overcast afternoon."
Dimensional Translation (2D to 3D)

A powerful new capability is translating 2D schematics into 3D visualizations, or vice versa. This is ideal for interior designers, architects, and meme creators.

Example Prompts:

2D Floor Plan to 3D Interior Design Board:

"Based on the uploaded 2D floor plan, generate a professional interior design presentation board in a single image. Layout: A collage with one large main image at the top (wide-angle perspective of the living area), and three smaller images below (Master Bedroom, Home Office, and a 3D top-down floor plan). Style: Apply a Modern Minimalist style with warm oak wood flooring and off-white walls across ALL images. Quality: Photorealistic rendering, soft natural lighting."

2D to 3D Meme Conversion:

"Turn the 'This is Fine' dog meme into a photorealistic 3D render. Keep the composition identical but make the dog look like a plush toy and the fire look like realistic flames."
One-Shot Storyboarding & Concept Art

You can generate sequential art or storyboards without a grid, ensuring a cohesive narrative flow in a single session. This is also popular for "Movie Concept Art" (e.g., fake leaks of upcoming films).

Example Prompt:

"Create an addictively intriguing 9-part story with 9 images featuring a woman and man in an award-winning luxury luggage commercial. The story should have emotional highs and lows, ending on an elegant shot of the woman with the logo. The identity of the woman and man and their attire must stay consistent throughout but they can and should be seen from different angles and distances. Please generate images one at a time. Make sure every image is in a 16:9 landscape format."
Structural Control & Layout Guidance

Input images aren't limited to character references or subjects to edit. You can use them to strictly control the composition and layout of the final output. This is a game-changer for designers who need to turn a napkin sketch, a wireframe, or a specific grid layout into a polished asset.

Best Practices:

  • Drafts & Sketches: Upload a hand-drawn sketch to define exactly where the text and object should sit.
  • Wireframes: Use screenshots of existing layouts or wireframes to generate high-fidelity UI mockups.
  • Grids: Use grid images to force the model to generate assets for tile-based games or LED displays.

Example Prompts:

Sketch to Final Ad:

"Create a ad for a [product] following this sketch."

UI Mockup from Wireframe:

"Create a mock-up for a [product] following these guidelines."

Pixel Art & LED Displays:

"Generate a pixel art sprite of a unicorn that fits perfectly into this 64x64 grid image. Use high contrast colors."
(Tip: Developers can then programmatically extract the center color of each cell to drive a connected 64x64 LED matrix display).

Sprites:

"Sprite sheet of a woman doing a backflip on a drone, 3x3 grid, sequence, frame by frame animation, square aspect ratio. Follow the structure of the attached reference image exactly."
(Tip: You can then extract each cell and make a gif)

Current Limitations

  • Small text, fine details, and accurate spelling may not be perfect
  • Always verify factual accuracy of diagrams and infographics
  • Multilingual text generation may have grammatical errors or lack cultural nuance
  • Advanced edits like compositing or lighting changes may produce unnatural artifacts

Output

  • Images are saved to the specified directory (default: ./generated_images)
  • Filename format is timestamp (e.g., 20251130_153045.png, 20251130_153045.jpg)
  • File extension is automatically determined based on the API response format (PNG/JPEG/WebP)

Notes

  • The environment variable GEMINI_API_KEY must be set
  • Nano Banana Pro is a paid API, so charges will apply
  • Generated images include SynthID watermark

平台分布

Codex

34.2%
按下载量换算202

Claude

32.06%
按下载量换算189

Cursor

18.25%
按下载量换算108

Gemini CLI

9.4%
按下载量换算56

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

可疑

权限和风险

接触敏感数据

该 Skill 可能接触密钥、Token、环境变量或敏感配置,应进入高风险复核队列,默认不自动发布。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。来源安全扫描存在提醒或未通过项,安装前请自行复核。目前只有一个公开来源,建议同时核对源仓库。

继续浏览同类 Skills