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