ai-agent

flow-lens: Visualize Salesforce Flows

Transform Salesforce Flow XML into UML diagrams. For founders working with Salesforce.

From the repo · “A powerful tool that transforms Salesforce Flow XML files into visual UML diagrams using PlantUML, Graphviz, or Mermaid. Visualize flow structure, highlight changes between versions with Git diff integration, and automatically post diagrams as comments on GitHub pull requests.”

81 stars11 forksTypeScriptGuide quality 8/10 · reviewed Jul 3Updated 2/13/2026100% free · open source
What it does

Transforms Salesforce Flow XML files into visual UML diagrams for better flow structure understanding and version comparison

When to use it
  • •When you need to visualize complex Salesforce Flow logic
  • •When comparing changes between different Flow versions
  • •When collaborating with team members who need to understand Flow structure
Ready-to-paste prompt
npx flow-lens generate-uml -i path/to/your/flow.xml -o diagrams/your_flow.puml --renderer plantuml
Heads up: Ensure you have Graphviz, PlantUML, or Mermaid installed on your system as flow-lens relies on one of these to render UML diagrams
Saves to your device
Use with Claude
New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install
Claude Code
mkdir -p ~/.claude/skills/flow-lens && curl -fsSL https://workflowstacks.com/api/skills/flow-lens/claude-skill -o ~/.claude/skills/flow-lens/SKILL.md
Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)
claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How flow-lens: Visualize Salesforce Flows works
Codeflow
Free to inspect

Flow-lens: Visualize Salesforce Flows is a medium TypeScript project (~3.4k lines across 16 code files, plus 16 test files). Setup is light: installs like a normal app. Reading the code is optional. Last commit 8 months ago, Apache-2.0 license, has a test suite.

Size
Medium codebase
~3.4k lines · 16 code files · 28 min skim
Setup
One-command install
Installs like a normal app. Reading the code is optional.
Runs on
TypeScript
No API keys detected
TypeScript 100%
Where to start reading
  1. 1
    README.md
    Start here — what it does and how to install it
  2. 2
    src/main/main.ts
    Inside src/ — the main logic begins here
What's in each folder
src/Core code — the actual logic49 files
docs/Documentation3 files
.github/CI / automation (GitHub Actions)2 files
READMEHas testsDocumentedCI checksApache-2.0 licenseLast update 8 mo ago
Quick Actions
Details
Creator
google
Language
TypeScript
Category
ai-agent
Published
11/15/2024

Are you the creator of this tool? and earn 85% of every sale.

Show it off in your README:

Featured on WorkflowStacks
[![Featured on WorkflowStacks](https://workflowstacks.com/api/badge/flow-lens.svg)](https://workflowstacks.com/skills/flow-lens?utm_source=github&utm_medium=badge)
🔥 Hot this week, in your inbox
Skills like this, every Monday.

The five fastest-growing open-source AI skills, ranked by GitHub star growth. One email a week, unsubscribe anytime.