PlugWiki
OpenFlowKit logo

OpenFlowKit MCP Server: Setup for Claude, Cursor and Other Apps

OfficialLocal
Getnpmopenflowkitopenflowkit/openflowkit

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.

Install OpenFlowKit MCP

Claude Code

  1. 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. 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_diagram

  • Regenerates 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_diagram

  • Reads 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_diagram

  • Lists the diagrams in the document

    Returns the diagram frames on the current page.

    Try: “What diagrams are on this page?”

    Read · list_diagrams

  • Gives 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_syntax

  • Searches the icon library by keyword

    Looks up icons, including cloud provider icons, by name.

    Try: “Find an icon for Postgres.”

    Read · search_icons

  • Suggests 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_for

  • Moves 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 · move

  • Changes fill, stroke, width, dash and opacity

    Restyles shapes you name or have selected.

    Try: “Make the selected boxes red.”

    Write · style

  • Deletes 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 · delete

  • Adds 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_shape

  • Exports 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 · export

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-onlyNo read-only mode is documented. Saving is limited to .openflow.json, .ofk and .json files.
Talks toOnly your own app session. A local bridge listens on 127.0.0.1 port 43119 by default
Sign-in and keysNo 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

WebsiteGitHubnpmOfficial MCP RegistryChangelogIssues

Sources

Docs, issue trackers and discussions this page is built from. Issues, quotes and findings above link to their own source.

Show all 4
  1. README · github.com
  2. manifest.ts · github.com
  3. ops.ts · github.com
  4. bridge.ts · github.com

Facts from the official MCP registry, GitHub, npm, PyPI and the Docker catalog. Updated Nov 2, 2026.