sf-diagram-mermaid

Generate Salesforce architecture diagrams in Mermaid syntax with ASCII fallback.

6|Updated Dec 20, 2023
One-click install
npx skills add https://github.com/ronitnuguru/Package-Visualizer --skill sf-diagram-mermaid-ronitnuguru
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sf-diagram-mermaid
Source: https://github.com/ronitnuguru/Package-Visualizer/tree/main/.cursor/skills/sf-diagram-mermaid
Command: npx skills add https://github.com/ronitnuguru/Package-Visualizer --skill sf-diagram-mermaid-ronitnuguru

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) and scripts (resource) and references (resource) components.

What problem does it solve?

Visualize Salesforce architectures quickly by generating Mermaid-based diagrams with an ASCII fallback, eliminating manual sketching and misinterpretation.

Core Features & Use Cases

  • Diagram generation for OAuth flows, ERDs, integration sequences, system landscapes, role hierarchies, and Agentforce architectures from requirements.
  • Dual outputs: Mermaid code and ASCII art suitable for GitHub, terminals, and documentation.
  • Asset-loaded templates and optional live data integration from live org metadata when available, with consistent color styling using the provided palette.

Quick Start

Ask for a diagram type (for example, 'JWT Bearer OAuth flow') and the tool will generate Mermaid and ASCII diagrams.

Frequently Asked Questions about sf-diagram-mermaid

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate Salesforce architecture diagrams using Mermaid?

Generate Salesforce architecture diagrams using Mermaid by providing your requirements to the tool, which outputs visual Mermaid syntax and an ASCII fallback. This eliminates manual sketching by automatically rendering diagrams for design reviews and implementation planning.

Can I create Mermaid diagrams for Salesforce OAuth flows and ERD data models?

Yes, you can create Mermaid diagrams for Salesforce OAuth flows and ERD data models. The tool specifically supports generating visual outputs for integration sequences, system landscapes, role hierarchies, and Agentforce architectures from your requirements.

How do I visualize Salesforce integration sequences in GitHub or terminal environments?

Visualize Salesforce integration sequences in GitHub or terminals using the tool's dual output format. It generates standard Mermaid code alongside an ASCII art fallback, ensuring your architecture diagrams render correctly in documentation and terminal interfaces.

Does the Mermaid diagram generator support live Salesforce org metadata?

Yes, the Mermaid diagram generator supports optional live data enrichment from Salesforce org metadata. It loads architectural templates from assets and can integrate live org data when available, applying consistent color styling using a provided palette.

What is the best way to document Agentforce architectures without manual sketching?

The best way to document Agentforce architectures without manual sketching is using automated Mermaid diagram generation. The tool enforces consistent styling and validation while producing dual Mermaid and ASCII outputs suitable for design reviews.

Do I need live Salesforce data to create system landscape diagrams?

No, you do not need live Salesforce data to create system landscape diagrams. The tool can generate diagrams directly from requirements using asset-loaded templates, while offering optional live data enrichment from org metadata when available.