This is the visual rendering counterpart to Salesforce's text-based diagramming tools. It calls out to Nano Banana Pro to generate actual PNG or SVG images when you need something slide-ready or client-facing: ERDs, architecture diagrams, LWC mockups, wireframes for Experience Cloud. The scope is intentionally narrow. It explicitly punts on Mermaid diagrams, metadata discovery, and any actual code implementation, which keeps it focused on one job. With over 1,000 installs and solid audit scores (minus Snyk), it seems like a reliable piece of the forcedotcom toolkit. If you're building on Salesforce and need to visualize before you build, this handles the rendering step so you're not stuck in ASCII art.
npx -y skills add forcedotcom/sf-skills --skill external-diagram-visual-generate --agent claude-codeInstalls into .claude/skills of the current project.
Select a file.
leonxlnx/taste-skill
supercent-io/skills-template
supercent-io/skills-template