Sf Diagram Nanobananapro

This routes image generation requests through Nano Banana Pro instead of text-based Mermaid diagrams. You'd reach for it when you need rendered PNG or SVG output: Salesforce ERDs with that architect.salesforce.com aesthetic, LWC mockups, architecture illustrations, or wireframes. It defaults to an interview-first workflow to nail the prompt before burning tokens on high-res output, then iterates with natural language edits before final generation. The hard gate on prerequisites and cross-skill delegation to sf-diagram-mermaid, sf-metadata, and sf-lwc keeps it focused on visual polish rather than structural diagramming or implementation. Solid for presentation assets once you've got the composition right, but you'll want to draft cheap and finalize expensive.

Install to Claude Code

npx -y skills add jaganpro/sf-skills --skill sf-diagram-nanobananapro --agent claude-code