
OpenFlowKit MCP Server: Setup for Claude, Cursor and Other Apps
Lets Claude, Cursor and other assistants draw and edit architecture diagrams in OpenFlowKit, or in diagram files saved beside your code.
OpenFlowKit is a diagramming app, and its MCP server lets your assistant draw on the open canvas or work on .openflow.json files without the app. It can also scan a folder and propose an architecture diagram, then compare the diagram with the code later.
It runs on your computer with no account or API key. Connect the app with its Connect agent button for live editing. Each change the assistant makes on the canvas is one undo step.
Good for
- Developers who want an architecture diagram generated from their repository
- Teams who keep .openflow.json diagrams in git and want drift checked against the code
- Anyone who wants to describe a diagram in chat and then edit it by hand
Works in
12 should work
Tap an app to see how to set it up and any known problems.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Supports local MCP servers.
Client does not support this transport.
Client does not support this transport.
Install OpenFlowKit MCP
Claude Code
- 1
Copy this prompt.
Add the OpenFlowKit MCP server to Claude Code. Run this command: claude mcp add -s user openflowkit -- npx -y openflowkit mcp Then check that it loaded and tell me if I need to sign in or restart.
- 2
Paste it into Claude Code. It shows the change and asks before running it.
Requires Node.js, Node.js 20.11+.
The README shows the npx form with the mcp subcommand for Claude Code, Cursor, VS Code, Claude Desktop and Windsurf; other apps use the same command, adapted by us. After you restart the app, click Connect agent in OpenFlowKit to draw on the live canvas.
From the project README. Source.
Tools
Draws a diagram from text or Mermaid
Generates a diagram from OpenFlow text or Mermaid and places it on the open canvas or in the open file document.
Try: “Draw the architecture of this repository.”
Write ·
create_diagramRegenerates a diagram you already have
Rebuilds an existing diagram frame from new text and reports anything from your manual edits that it had to drop.
Try: “Add a cache in front of the API in the diagram.”
Write ·
update_diagramReads a diagram back as text
Returns the text behind a diagram, including the text that keeps any moves, styles or renames you made by hand.
Try: “Show me the text for the checkout diagram.”
Read ·
get_diagramLists the diagrams in the document
Returns the diagram frames on the current page.
Try: “What diagrams are on this page?”
Read ·
list_diagramsGives the full diagram grammar
Returns the reference for the OpenFlow text grammar so the assistant writes valid diagrams.
Try: “Show me the diagram syntax.”
Read ·
get_syntaxSearches the icon library by keyword
Looks up icons, including cloud provider icons, by name.
Try: “Find an icon for Postgres.”
Read ·
search_iconsSuggests icons for a concept
Returns icons that fit a described concept rather than an exact name.
Try: “Which icons fit a message queue?”
Read ·
find_icons_forMoves or nudges shapes
Changes the position of the shapes you name or have selected.
Try: “Move the selected boxes 40 pixels to the right.”
Write ·
moveChanges fill, stroke, width, dash and opacity
Restyles shapes you name or have selected.
Try: “Make the selected boxes red.”
Write ·
styleDeletes the selected shapes
Removes the selection from the document. In the app each agent change is one undo step.
Try: “Delete the selected shapes.”
Delete ·
deleteAdds a rectangle, ellipse or text
Creates a basic shape on the canvas.
Try: “Add a text label that says Legacy next to the database.”
Write ·
add_shapeExports a diagram as SVG, PNG, PDF or JSON
Produces a file of the diagram in the chosen format, saved to a path you give.
Try: “Export the architecture page as a PNG.”
Write ·
exportTakes an image of the diagram for the model
Returns a real image of a diagram so the assistant can check its own result.
Try: “Look at the diagram and tell me if anything overlaps.”
Read ·
screenshotZooms to fit the diagram or selection
Changes the zoom and position of the view.
Try: “Zoom to fit everything.”
Write ·
fit_viewReads the document, page and selection
Returns the pages, the text behind the diagrams and what you currently selected.
Try: “What do I have selected?”
Read ·
get_documentLists the pages of the document
Returns the names and IDs of the pages.
Try: “List the pages in this document.”
Read ·
list_pagesCreates an empty document in memory
Starts a new, empty document for file mode. Nothing is written until you save.
Try: “Start a new document called Billing flow.”
Write ·
openflow_createOpens a .openflow.json file
Loads a diagram document from disk and returns an ID to use in later calls.
Try: “Open docs/architecture.openflow.json.”
Files ·
openflow_openSaves the document to a file
Writes the document to a .openflow.json, .ofk or .json path inside the server's working folder, and can write an SVG beside it. Other file types are refused.
Try: “Save this as docs/architecture.openflow.json with an SVG.”
Write ·
openflow_saveShows whether the app is connected
Reports whether an editor is paired and which documents the server holds. It runs locally.
Try: “Is the OpenFlowKit app connected?”
Read ·
whoamiShows the server version and what it offers
Returns the version plus the tools, resources and prompts the server serves.
Try: “What version of the server is running?”
Read ·
server_infoChecks diagram text for errors
Parses OpenFlow text, or Mermaid, Structurizr or D2 converted first, and returns diagnostics with line and column.
Try: “Validate this diagram text before you draw it.”
Read ·
validate_openflow_dslLists the shape and arrow vocabulary
Gives a quick reference of family names, shape words, edge arrows and wireframe controls.
Try: “What shapes can I use?”
Read ·
list_diagram_node_typesLists built-in starter diagrams
Returns names, titles, categories and one-line summaries of the templates that need no AI call.
Try: “What starter templates are there?”
Read ·
list_starter_templatesReturns the text of a starter template
Gets the OpenFlow text for a named template.
Try: “Load the three-tier web app template.”
Read ·
get_starter_templateScans a folder for platform, services and languages
Walks a directory on your disk and reports the detected cloud platform, services, structure and language mix. The description says it makes no network calls.
Try: “Analyze this folder and tell me what cloud it targets.”
Files ·
analyze_codebaseProposes an architecture model from your repo
Reads compose files, Dockerfiles, Kubernetes, Terraform and package manifests and returns a proposed C4 model with evidence. It runs offline and the output needs review.
Try: “Propose an architecture diagram for this repo.”
Files ·
discover_architectureCompares a model with the code
Lists parts in the repo missing from the model, parts in the model with no repo evidence, and parts that changed.
Try: “Compare architecture.ofk with the code and tell me what drifted.”
Files ·
drift_reportExplains one element of the model
Returns the model entry, its relations, repo evidence and the linked ADR markdown files.
Try: “Explain the payments service in the model.”
Files ·
explain_element
Read from the source code
Permissions
medium risk · 4 things to watch
Medium risk
The assistant can edit and delete shapes in your diagrams, write diagram files into the working folder, and read files in repositories you point it at. Its delete tool only removes diagram shapes, so the risk is medium rather than high.
What it can do
- Read your data
- Create and change things
- Delete things
- Read-only mode
Watch out for
The delete tool removes only diagram shapes
delete removes the selected shapes from the open diagram document and nothing else. In the app each agent change is one undo step, but files that are saved over are not recoverable. Keep diagram files in git. github.com
It writes files in the server's working folder
openflow_save writes .openflow.json, .ofk or .json files and an optional SVG, and export writes image or document files. The assistant can overwrite a diagram file of the same name. github.com
It reads your repository
analyze_codebase, discover_architecture, drift_report and explain_element read files in the folder you point them at. Their descriptions say they run offline. github.com
A local port connects the app to the server
The bridge binds to 127.0.0.1, checks the request origin, and can require a token. Set the token if other users share your machine. github.com
Security advisories
No published security advisories as of Nov 1, 2026.
Technical details
| Turning on read-only | No read-only mode is documented. Saving is limited to .openflow.json, .ofk and .json files. |
|---|---|
| Talks to | Only your own app session. A local bridge listens on 127.0.0.1 port 43119 by default |
| Sign-in and keys | No account or API key. An optional bridge token (OPENFLOWKIT_BRIDGE_TOKEN) can be required on every request from the app. |
Questions
Is the OpenFlowKit MCP server official?
Yes. It ships in the OpenFlowKit repository as part of the app's own CLI, and the older @vrun-design package now points to it.
Do I need the OpenFlowKit app open?
No. With the app open and paired through Connect agent, the assistant draws on your canvas live. Without it, the same tools edit .openflow.json files in your repo.
Does it need an API key?
No. It runs locally with no account or key. The in-app assistant is separate and uses your own model key.
Can it undo changes?
In the app, yes: each agent change is one undo step, and the Connect panel shows the last one with an Undo button. File edits you save over are not undone.
What happened to the @vrun-design/openflowkit-mcp package?
It is deprecated and points to the openflowkit command. Install with the command in the install box above.
Which Node.js version does it need?
Node.js 20.11 or newer, according to the README.
How do I add it to Claude Code or Cursor?
Use the matching tab in the install box above. The README also offers a Claude Code plugin.
Information
updated Nov 2, 2026
- Publisher
- Official
- Package
openflowkit- Registry
- npm
- Transport
- stdio
- Auth
- None
- Version
- 0.2.4
- License
- MIT
- Last commit
- Oct 22, 2026
- Open issues
- 4
- Listed in
- Official MCP registry
Sources
Docs, issue trackers and discussions this page is built from. Issues, quotes and findings above link to their own source.
Show all 4Hide
- README · github.com
- manifest.ts · github.com
- ops.ts · github.com
- bridge.ts · github.com