{
  "markdown": "# flowgraf-mcp\n\n**Create and edit clean, editable architecture diagrams from your AI agent.**\n\n[Flowgraf](https://flowgraf.in) turns a description of a system into a clean,\nauto-laid-out architecture diagram — and hands back a link to a live canvas you can\nkeep editing (by chat or by hand). This package is the **stdio proxy** for MCP clients\nthat speak stdio; it forwards to Flowgraf's hosted MCP endpoint. No API key, no LLM cost\nto you — your agent authors the diagram, Flowgraf lays it out and renders it.\n\n## Tools\n\n| Tool | What it does |\n|------|--------------|\n| `create_diagram` | Turn a graph (nodes + edges + groups) into a diagram → returns an SVG, a Mermaid string, and a `/d/<id>` canvas link |\n| `edit_diagram` | Apply operations to an existing diagram (e.g. insert a cache between two nodes) — it re-wires and re-lays-out automatically |\n| `get_diagram` | Fetch a diagram's current graph + version |\n\n## Install\n\n### Claude Code\n\nRecommended — the hosted **remote** endpoint (no local process):\n\n```bash\nclaude mcp add --transport http flowgraf https://flowgraf.in/api/mcp\n```\n\nOr via this **stdio** proxy:\n\n```bash\nclaude mcp add flowgraf npx flowgraf-mcp\n```\n\n### Cursor / Windsurf (stdio)\n\nAdd to your MCP config (`~/.cursor/mcp.json` for Cursor):\n\n```json\n{\n  \"mcpServers\": {\n    \"flowgraf\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"flowgraf-mcp\"]\n    }\n  }\n}\n```\n\n### Anything else\n\n```bash\nnpx -y flowgraf-mcp\n```\n\nThe proxy talks the [Model Context Protocol](https://modelcontextprotocol.io) over stdio\nand forwards to the hosted API.\n\n## Configuration\n\nBy default the proxy targets Flowgraf's hosted endpoint. Override it (e.g. for local\ndevelopment) with an environment variable:\n\n| Variable | Meaning |\n|----------|---------|\n| `FLOWGRAF_MCP_URL` | Full endpoint URL, e.g. `http://localhost:3000/api/mcp` |\n| `FLOWGRAF_MCP_BASE_URL` | Base URL; `/api/mcp` is appended |\n\n## Example\n\n> \"Create an architecture diagram: a user hits an API gateway in a VPC, which talks to a\n> Postgres database.\" → `create_diagram` returns an SVG and a link like\n> `https://flowgraf.in/d/abc123`. Open it to edit on the canvas.\n>\n> \"Add a Redis cache between the API and the database.\" → `edit_diagram` inserts the cache\n> and re-routes the edge automatically — no manual cleanup.\n\n## Links\n\n- Website: <https://flowgraf.in>\n- MCP endpoint: `https://flowgraf.in/api/mcp`\n\n## License\n\nMIT",
  "bytes": 2402,
  "sha": "674c02b38125e7b67764208b68da526a001652fe99dc03b6ce74e535d17914e6",
  "repo_slug": "abhishek-genailytics/flowgraf-mcp",
  "fonte": "npm",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/mcp_in_flowgraf_flowgraf_412df553/readme"
}