What if I am working in a terminal without a graphical interface?

The skill automatically provides an ASCII art fallback for every diagram, ensuring you can visualize the architecture directly in your CLI or terminal.

Can I use these diagrams in GitHub or Notion?

Yes, sf-diagram generates Mermaid code which is natively supported by GitHub, Notion, VS Code, and most modern documentation platforms.

What types of Salesforce-specific flows are supported?

It includes specialized templates for JWT Bearer, PKCE, Authorization Code flows, Agentforce agent logic, role hierarchies, and system landscapes.

Does it work with my live Salesforce org data?

Yes, when paired with the sf-metadata skill, it can pull real object and field definitions to create accurate and up-to-date Data Model diagrams.

Salesforce Architecture Diagrammer

Name: Salesforce Architecture Diagrammer
Author: Jaganpro

byJaganpro

•

Design Tools

Generates production-grade Salesforce architecture diagrams using Mermaid syntax and ASCII fallback for technical documentation.

About

sf-diagram is a specialized Claude Code skill designed to automate the creation of complex Salesforce visualizations, ranging from OAuth 2.0 flows and data models (ERDs) to Agentforce architectures. By integrating with Salesforce metadata, it can automatically discover object relationships to build accurate entity diagrams. The skill ensures high-quality output through a rigorous 5-category scoring system and provides dual-format delivery (Mermaid and ASCII) to maintain compatibility across web-based documentation tools and terminal environments, making it an essential tool for architects and developers.

Key Features

Automated Mermaid diagram generation for OAuth, ERDs, and system landscapes
Architecture-specific templates for Agentforce, JWT, and PKCE flows
Metadata-driven Data Modeling with automatic field and relationship discovery
8 GitHub stars
Quality validation scoring against industry standards for clarity and accuracy
High-fidelity ASCII art fallback for terminal-based documentation and logs

Use Cases

Documenting complex Salesforce integration sequences and API callouts
Designing and verifying OAuth 2.0 authorization flows for Connected Apps
Visualizing Salesforce data models and object relationships during discovery phases

About

Key Features

Automated Mermaid diagram generation for OAuth, ERDs, and system landscapes
Architecture-specific templates for Agentforce, JWT, and PKCE flows
Metadata-driven Data Modeling with automatic field and relationship discovery
8 GitHub stars
Quality validation scoring against industry standards for clarity and accuracy
High-fidelity ASCII art fallback for terminal-based documentation and logs

Use Cases

Documenting complex Salesforce integration sequences and API callouts
Designing and verifying OAuth 2.0 authorization flows for Connected Apps
Visualizing Salesforce data models and object relationships during discovery phases