nano-banana-visual

Generate stakeholder maps, flow diagrams, and screen mockups from text prompts.

9|2|Updated Dec 10, 2025
One-click install
npx skills add https://github.com/ilandahan/AID --skill nano-banana-visual
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: nano-banana-visual
Source: https://github.com/ilandahan/AID/tree/main/.claude/skills/nano-banana-visual
Command: npx skills add https://github.com/ilandahan/AID --skill nano-banana-visual

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides AI-powered visuals for key product artifacts, enabling fast creation of stakeholder diagrams, user flows, system architecture diagrams, and screen mockups without manual drawing.

Core Features & Use Cases

  • Visual generation: Produce stakeholder maps, journey maps, architecture diagrams, and screen mockups from natural language prompts.
  • Template-driven prompts: Apply design tokens and layouts to ensure consistency across visuals.
  • Use Case: In early discovery or PRD work, quickly visualize requirements to align teams and accelerate feedback loops.

Quick Start

To begin, describe the visual you need, for example: "Create a stakeholder map for PROJECT X" and export the resulting image assets for documentation.

Frequently Asked Questions about nano-banana-visual

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate architecture diagrams from text prompts?

You can generate architecture diagrams from text prompts by describing the visual you need, such as asking for a system architecture diagram. The Skill automates AI-driven visual generation from natural language inputs to produce the requested image assets.

What do I need to generate AI visuals for user flows?

To generate AI visuals for user flows, you need a provider API key and the ENABLE_NANO_BANANA flag enabled. These prerequisites initialize the client and allow the system to process text prompts into generated images.

Can I use AI visuals for screen mockups during discovery phases?

Yes, you can use AI visuals for screen mockups during Discovery, PRD, and Tech Spec phases. The Skill applies across these development stages to visualize requirements and architecture, accelerating team feedback loops.

Does template-driven visual generation ensure consistent design tokens?

Template-driven visual generation applies design tokens and layouts to ensure consistency across visuals. This mechanism maintains standardized formatting for stakeholder maps, journey maps, and mockups generated from natural language prompts.

What is the best way to create stakeholder maps without manual drawing?

The best way to create stakeholder maps without manual drawing is using AI-powered visual generation from natural language descriptions. This automates the production of stakeholder diagrams and journey maps, eliminating the need for manual illustration.

When should I not use AI to generate flow diagrams?

You should not use AI to generate flow diagrams if you lack a provider API key or cannot enable the ENABLE_NANO_BANANA flag. The client requires both to initialize and process text prompts into generated image assets.