npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

nano-banana-assets

v0.1.1

Published

Production image asset generation skill for Codex, Claude Code, and compatible agent runtimes using Nano Banana 2 and Nano Banana Pro.

Downloads

24

Readme

Nano Banana Assets

Production image assets for coding agents. This skill generates, edits, describes, and regenerates usable image assets for apps, sites, games, docs, and marketing work with Nano Banana 2 or Nano Banana Pro through the Gemini API.

Repo:

What It Does

  • Generate hero images, icons, logos, sprites, thumbnails, posters, mockups, empty states, UI surface materials, and social art.
  • Edit existing assets with targeted instructions.
  • Describe an image and turn it into a one-pass reconstruction prompt.
  • Regenerate a prior result with focused improvement instructions.
  • Default to Nano Banana 2 unless Pro is explicitly requested or clearly better suited.
  • Save every run with a unique prompt-derived image filename plus prompt.txt and metadata.json.

Generated Examples

Generated with this skill and committed as README examples:

Banana product example Premium UI surface material example Fantasy inventory icon example

Compatibility

Works on Windows, macOS, and Linux as long as the host can:

  • read a skill folder with SKILL.md
  • run Node 20+ or equivalent shell tooling
  • reach the Gemini API

Supported install/use paths in v1:

  • Codex skill folders and GitHub/local skill installs
  • Claude Code skill folders
  • universal/manual skill folders such as .agent/skills
  • direct local CLI usage from the repo root
  • npm package install via npm install -g nano-banana-assets

See docs/compatibility.md.

Install

See docs/install.md for full instructions.

Fast path:

git clone https://github.com/qpd-v/nano-banana-assets.git
cd nano-banana-assets
npm install

Then either:

  • install it into a host skill directory with node scripts/install.mjs --agent codex --scope user
  • or run it directly from the repo with node scripts/cli.mjs ...

Published npm package:

npm install -g nano-banana-assets

Quick Start

  1. Copy .env.example to .env.
  2. Put your real GEMINI_API_KEY in .env.
  3. Keep .env out of git and commit .env.example.
  4. Run a first test:
node scripts/cli.mjs generate --prompt "A simple ripe banana on a clean white background"

Optional verification commands:

node scripts/doctor.mjs --check-env
npm run release:check

Model Routing

  • Nano Banana 2 maps to gemini-3.1-flash-image-preview and is the default.
  • Nano Banana Pro maps to gemini-3-pro-image-preview.
  • Use Pro when you need higher fidelity, stricter constraint following, or more studio-style output.
  • Use NB2 for cheaper iteration and most day-to-day asset work.

Natural language that triggers Pro:

  • use Nano Banana Pro
  • use Pro
  • maximum fidelity
  • highest precision

Common Commands

  • generate
  • plan-asset
  • generate-asset
  • edit-asset
  • describe-image
  • regenerate

Command aliases also exist for explicit model selection:

  • generate-pro, generate-nb2
  • plan-asset-pro, plan-asset-nb2
  • generate-asset-pro, generate-asset-nb2
  • edit-asset-pro, edit-asset-nb2
  • describe-image-pro, describe-image-nb2
  • regenerate-pro, regenerate-nb2

Modifiers And Controls

Use these when you need tighter control:

  • --model
  • --model-preference
  • --pro / --nb2
  • --aspect-ratio
  • --image-size or --resolution
  • --quality
  • --candidate-count
  • --temperature
  • --top-p
  • --top-k
  • --seed
  • --reasoning-level
  • --google-search / --grounded

Tutorial Prompts

See docs/tutorial-prompts.md for copy-paste prompt patterns, including:

  • hero image prompts
  • icon and logo prompts
  • UI surface material prompts
  • edit and regenerate flows
  • project-aware asset generation prompts

Output

Each run writes a timestamped folder under generated/ with:

  • the rendered image file, renamed to a unique prompt-derived asset name
  • prompt.txt
  • metadata.json

Metadata records the model, model selection reason, controls, prompt, source references, and output path.

Examples

See:

Publish And Distribution

This repo is structured for:

  • GitHub-based skill installation
  • local/manual installs
  • npm publication

Current distribution notes:

  • npm package is live as nano-banana-assets
  • public listing targets and submission notes are documented in docs/where-to-list.md

Troubleshooting

See docs/troubleshooting.md.

Release Validation

Release validation commands:

npm test
npm run check:syntax
npm run check:skill
npm run release:check

Privacy And Safety

See docs/privacy-and-safety.md.