generating-visual-diagrams
PopularAI-powered image generation for Salesforce visuals via Nano Banana Pro. Use this skill when the user needs rendered PNG/SVG output such as visual ERDs (Entity Relationship Diagrams), UI mockups, wireframes, or architecture illustrations. TRIGGER when: user asks for PNG/SVG output, UI mockups, wireframes, visual ERDs, or says \"generate image\" / \"create mockup\". DO NOT TRIGGER when: text-based Mermaid diagrams (use generating-mermaid-diagrams), or non-visual documentation tasks.
Related Skills
AI-powered image generation for Salesforce visuals via Nano Banana Pro. Use this skill when the user needs rendered PNG/SVG output such as visual ERDs (Entity Relationship Diagrams), UI mockups, wireframes, or architecture illustrations. TRIGGER when: user asks for PNG/SVG output, UI mockups, wireframes, visual ERDs, or says \"generate image\" / \"create mockup\". DO NOT TRIGGER when: text-based Mermaid diagrams (use generating-mermaid-diagrams), or non-visual documentation tasks.
generating-visual-diagrams: 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.
Scope
In scope:
-
PNG / SVG-style rendered image output
-
Visual ERDs and architecture diagrams
-
LWC or Experience Cloud mockups / wireframes
-
Image edits on previously generated visuals
Out of scope — delegate instead:
-
Mermaid or text-only diagrams → generating-mermaid-diagrams
-
Object / field metadata discovery for ERDs → generating-custom-object or generating-custom-field
-
LWC implementation after the mockup is approved → generating-lwc-components
-
Apex review / implementation → generating-apex
