generating-visual-diagrams

What problem does it solve?

This Skill solves the problem of turning Salesforce development concepts (data models, UI mockups, and architecture ideas) into high-quality rendered images that stakeholders can quickly understand, without manually drawing diagrams.

Core Features & Use Cases

• Rendered ERD Generation: Produce actual image-based ERDs (not just Mermaid) including relationship styling suitable for Salesforce teams.
• LWC/UI Mockups: Generate wireframes and component mockups aligned to Salesforce Lightning Design System (SLDS) patterns.
• Architecture Illustrations: Create slide-ready integration and system diagrams with labeled flows and elements.
• Draft-to-Final Iteration: Start at a low-cost draft resolution, iterate, then generate a high-resolution final image.
• Use Cases: ERD visuals for Account/Contact/Opportunity or custom objects; UI mockups for record forms and data tables; architecture illustrations for integrations and event-driven flows.

Quick Start

Use generating-visual-diagrams to create an architect.salesforce.com styled ERD image by sending the request: "Generate an ERD diagram showing Account, Contact, and Opportunity relationships."