Generating Visual Diagrams

forcedotcom/sf-skills

This handles rendered PNG/SVG output when you need actual images, not text diagrams. It wraps Nano Banana Pro for Gemini to generate visual ERDs, UI mockups, wireframes, and architecture illustrations with a Salesforce aesthetic. The workflow is sensible: draft at 1K first, iterate with edits to avoid burning tokens, then render final at 2K/4K once composition is locked. It includes interview mode questions for ERDs and mockups, delegates text diagrams to the Mermaid skill, and has specific guidance for the architect.salesforce.com visual style. The prerequisites gate and error recovery steps are practical. Use this when you need slide-ready or documentation images, not when Mermaid syntax is enough.

skills.sh installs

2.8K

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

1create-skillsiviter-xyz/dot-agentGuide for creating effective skills following best practices. Use when creating or updating skills that extend agent capabilities.2.8Kskills.sh installs

2mojo-gpu-fundamentalsmodular/skillsThe basics of how to program GPUs using Mojo. Use this skill in addition to mojo-syntax when writing Mojo code that targets GPUs or other accelerators. Use targ2.8Kskills.sh installs

3code-securitysemgrep/skillsSecurity guidelines for writing secure code. Use when writing code, reviewing code for vulnerabilities, or asking about secure coding practices like 'check for 2.8Kskills.sh installs

4draft-offeranthropics/knowledge-work-pluginsDraft an offer letter with comp details and terms. Use when a candidate is ready for an offer, assembling a total comp package (base, equity, signing bonus), wr2.8Kskills.sh installs

5android-native-devminimax-ai/skillsAndroid native application development and UI design guide. Covers Material Design 3, Kotlin/Compose development, project configuration, accessibility, and buil2.7Kskills.sh installs

6competitor-analysiseronred/aso-skillsWhen the user wants to analyze competitors' App Store strategy, find keyword gaps, or understand competitive positioning. Also use when the user mentions "compe2.7Kskills.sh installs