openflowkit MCP Server
openflowkit/openflowkit
[](https://agentrank-ai.com/tool/openflowkit--openflowkit/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge) Free, open-source diagram canvas. Draw it, write it as code (Mermaid, D2, Structurizr in), ask any AI model or a local one, let Claude Code edit it live over MCP, or map a GitHub repo with every arrow cited to a file and line. MIT, local-first, no account.
claude mcp add agentrank -- npx -y agentrank-mcp-server Overview
openflowkit/openflowkit is a TypeScript tool licensed under MIT. Free, open-source diagram canvas. Draw it, write it as code (Mermaid, D2, Structurizr in), ask any AI model or a local one, let Claude Code edit it live over MCP, or map a GitHub repo with every arrow cited to a file and line. MIT, local-first, no account. Topics: flowchart, ai, architecture-diagrams, diagramming, local-first, open-source, system-design, mermaid, self-hosted, developer-tools, code-to-diagram, infinite-canvas, mcp, mcp-server, ai-agents, cli, d2, diagrams-as-code, software-architecture.
Ranked #78 out of 24846 indexed tools.
In the top 1% of all indexed tools.
Actively maintained with commits in the last week.
Ecosystem
Score Breakdown
854 stars → growing community
Last commit 7d ago → actively maintained
21/22 issues closed → responsive maintainer
9 contributors → small team
No dependents → no downstream usage
Weights: Freshness 20% · Issue Health 20% · Dependents 22% · Stars 10% · Contributors 8% · How we score →
Badge all embed codes →
[](https://agentrank-ai.com/tool/openflowkit--openflowkit/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge) <a href="https://agentrank-ai.com/tool/openflowkit--openflowkit/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge"><img src="https://agentrank-ai.com/api/v1/badge/openflowkit--openflowkit" alt="AgentRank"></a> Matched Queries
From the README
<p align="center"> <a href="https://app.openflowkit.com"></a> </p> <h1 align="center">OpenFlowKit</h1> <p align="center"> <b>Architecture diagrams you draw, write as code, or hand to your agent.</b><br> Free, open source and local-first. Paste a GitHub repo and get its map, every arrow cited to a line of code. </p> <p align="center"> <a href="https://app.openflowkit.com"><b>Open the app</b></a> · <a href="https://docs.openflowkit.com/">Docs</a> · <a href="#connect-your-agent">MCP setup</a> · <a href="https://github.com/openflowkit/openflowkit/discussions">Discussions</a> · <a href="https://github.com/openflowkit/openflowkit/issues">Issues</a> </p> <p align="center"> <a href="https://github.com/openflowkit/openflowkit/actions/workflows/quality.yml"></a> <a href="LICENSE"></a> <a href="https://www.npmjs.com/package/@openflowkit/openflowkit-mcp"></a> <a href="https://www.npmjs.com/package/openflowkit"></a> </p> <Read full README on GitHub →
Get the weekly AgentRank digest
Top movers, new tools, ecosystem insights — straight to your inbox.