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.
- skills.sh installs
- 1.3K
- GitHub stars
- 422
- last updated
- Jul 14, 2026
Install
$ npx -y skills add jaganpro/sf-skills --skill sf-diagram-nanobananapro --agent claude-codeInstalls into .claude/skills of the current project.
Files
sf-diagram-nanobananapro: Salesforce Visual AI Skill
Use this skill when the user needs rendered visuals, not text diagrams: ERDs, UI mockups, architecture illustrations, slide-ready images, or image edits using Nano Banana Pro.
Hard Gate: Prerequisites First
Always run the prerequisites check before using the skill:
~/.claude/skills/sf-diagram-nanobananapro/scripts/check-prerequisites.sh
If prerequisites fail, stop and route the user to setup guidance in:
When This Skill Owns the Task
Use sf-diagram-nanobananapro when the user wants:
- PNG / SVG-style image output
- rendered ERDs or architecture diagrams
- LWC or Experience Cloud mockups / wireframes
- visual polish beyond Mermaid
- edits to a previously generated image
Delegate elsewhere when the user wants:
- Mermaid or text-only diagrams → sf-diagram-mermaid
- metadata discovery for ERDs → sf-metadata
- LWC implementation after the mockup → sf-lwc
- Apex review / implementation → sf-apex
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/jaganpro/sf-skills
- First seen
- Apr 16, 2026
More from jaganpro/sf-skills
All 37- Sf Ai Agentforce1.3K
- Sf Ai Agentforce Testing1.3K
- Sf Ai Agentforce Observability1.3K
- Sf Docs1.2K
- Sf Ai Agentforce Persona1.2K
- Sf Datacloud1K
- Sf Industry Commoncore Omniscript993
- Sf Industry Commoncore Datamapper990
- Sf Industry Commoncore Omnistudio Analyze989
- Sf Industry Commoncore Flexcard987
- Sf Datacloud Retrieve985
- Sf Datacloud Connect983
- Sf Industry Commoncore Integration Procedure983
- Sf Datacloud Prepare982
- Sf Datacloud Segment979
- Sf Datacloud Harmonize976
- Sf Datacloud Act975
- Sf Industry Commoncore Callable Apex954
- Sf Flex Estimator837
- Sf Industry Cme Epc Model815
- Sf Vlocity Build Deploy814
- Sf Ai Agentforce Grid435
- Sf Apex1.6K
- Sf Lwc1.5K
Recommended
cavemanjuliusbrussee/cavemanUltra-compressed communication mode. Cuts output tokens 65% (measured) by speaking like caveman while keeping full technical accuracy. Supports intensity levels618.3Kskills.sh installs
improveshadcn/improveSurvey any codebase as a senior advisor and produce prioritized, self-contained implementation plans for OTHER models/agents to execute. Strictly read-only on s40Kskills.sh installs
systematic-debuggingobra/superpowersUse when encountering any bug, test failure, or unexpected behavior, before proposing fixes326.7Kskills.sh installs
karpathy-guidelinesforrestchang/andrej-karpathy-skillsBehavioral guidelines to reduce common LLM coding mistakes through explicit assumptions, simplicity, and verifiable success criteria.17.9Kskills.sh installs
find-skillsvercel-labs/skillsHelps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express int4.3Mskills.sh installs