visual-abstract
Nano Banana — Visual Abstract Generation
Create publication-quality scientific figures that use visual metaphors, physical analogies, and isometric depth to convey complex technical systems. These are the figures you see in Nature, Science, and Nature Methods — not boxes and arrows.
Visual Abstracts vs Standard Diagrams
Standard diagram (diagram skill) |
Visual abstract (this skill) | |
|---|---|---|
| Prompt style | "API gateway connects to auth service" | "API gateway as a routing prism splitting request beams into wavelengths" |
| Visual output | Boxes, arrows, labels | Metaphors, depth, physical analogies, glow, transparency |
| Audience | Engineers reading architecture docs | Anyone — meaning is conveyed through visual metaphor |
| Use case | PRDs, architecture docs, ERDs | README heroes, paper figures, blog posts, talks |
Use the diagram skill for standard technical documentation. Use this skill when you want a human to feel the system, not just read it.
When to Use
- README hero images that explain a project at a glance
- Paper figures for journals, conferences, preprints
More from flight505/nano-banana
image
Generate and edit images using Nano Banana 2 (gemini-3.1-flash-image-preview, fastest) or Nano Banana Pro. Supports aspect ratio and resolution control via Google GenAI SDK.
3diagram
Generate publication-quality technical diagrams using Nano Banana Pro (gemini-3-pro-image-preview) with AI-powered quality review. Smart iteration only regenerates when quality is below threshold. Supports style presets (technical, visual-abstract, minimal), aspect ratio, and resolution control (512-4K).
2video
Generate videos using Veo 3.1 — text-to-video, image-to-video, frame interpolation, and video extension
2kroki
Render text-based diagrams (Mermaid, PlantUML, GraphViz, D2, and 23 more) to PNG/SVG via Kroki.io. Use ONLY when the user explicitly asks for text-based diagram rendering or a specific diagram language.
2