External Diagram Visual Generate

forcedotcom/sf-skills

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.

skills.sh installs

1.1K

GitHub stars

1.2K

last updated

Aug 21, 2026

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Recommended

More Documentation

1typescript-react-patternsasyrafhussin/agent-skillsTypeScript best practices for React development. Use when writing typed React components, hooks, events, refs, or generic components. Triggers on tasks involvin1.1Kskills.sh installs

2ui-design-systemalirezarezvani/claude-skillsUI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handof1.1Kskills.sh installs

3alternatives-page-generatorkostja94/marketing-skillsWhen the user wants to create, optimize, or audit alternatives or comparison content (page or blog article). Also use when the user mentions "alternatives page,1.1Kskills.sh installs

4cosmosdb-best-practicesazurecosmosdb/cosmosdb-agent-kitAzure Cosmos DB performance optimization and best practices guidelines for NoSQL, partitioning, queries, and SDK usage. Use when writing, reviewing, or refactor1.1Kskills.sh installs

5flows-design-reviewcognitedata/builder-skillsSemi-automated design quality review for Flows apps. Runs concrete repo probes (grep, lint, build) to propose a draft 1–5 score for each of the official 10 qual1.1Kskills.sh installs

6laravel-database-optimizationasyrafhussin/agent-skillsLaravel database optimization patterns. Use when writing Eloquent queries, creating migrations, configuring caching, debugging slow queries, or optimizing datab1.1Kskills.sh installs