webmcp-flow.vercel.app
A WebMCP flow-graph playground: an agent can build and edit node-and-edge diagrams — add/remove/update nodes and edges, auto-layout, and read the current graph.
First seen 2026-08-17 · Last seen 2026-08-17 · Source: webmcp.com
Answer 1 · Act 6 · Transact 0 · Score: Not yet scored
Tool inspector
add_node
Add a new node to the diagram. Returns the assigned node id — save it to use in add_edge calls. If no id is provided, it is auto-generated by lowercasing the label and replacing spaces with hyphens (e.g. 'API Gateway' → 'api-gateway'). Call this before add_edge — edges require existing node ids. Choose nodeType based on the technology: use 'database' for SQL/NoSQL stores (Postgres, MongoDB), 'cache' for in-memory stores (Redis, Memcached), 'queue' for message brokers (RabbitMQ, Kafka), 'api' for API gateways or reverse proxies, 'client' for end users or frontends, 'service' for everything else.
Input schema
| Property | Type | Required | Description |
|---|---|---|---|
label |
string | yes | Human-readable display name shown on the node, e.g. 'Auth Service' |
nodeType |
string | no | Visual category: 'service' (backend microservice), 'database' (persistent storage), 'cache' (in-memory store), 'queue' (message broker), 'api' (gateway/proxy), 'client' (user/frontend) |
id |
string | no | Optional stable identifier used in add_edge. If omitted, auto-derived from label (lowercase, spaces → hyphens). Provide explicitly when the label contains special characters or you need a predictable id. |
Raw JSON schema
{
"type": "object",
"properties": {
"label": {
"type": "string",
"description": "Human-readable display name shown on the node, e.g. 'Auth Service'"
},
"nodeType": {
"type": "string",
"enum": [
"service",
"database",
"cache",
"queue",
"api",
"client"
],
"description": "Visual category: 'service' (backend microservice), 'database' (persistent storage), 'cache' (in-memory store), 'queue' (message broker), 'api' (gateway/proxy), 'client' (user/frontend)"
},
"id": {
"type": "string",
"description": "Optional stable identifier used in add_edge. If omitted, auto-derived from label (lowercase, spaces → hyphens). Provide explicitly when the label contains special characters or you need a predictable id."
}
},
"required": [
"label"
]
}
Similar websites
persona-chat.dev
Persona is an open-source, themeable AI chat widget you can add to any website in minutes. SSE streaming, agent loops, tool use, and style isolation: zero frame…
demos.telerik.com
Explore and test a wide range of Telerik UI for Blazor examples, demos, and sample applications.
bandarra.me
WebMCP-enabled text editor with imperative tools for document I/O, workspace CRUD, on-device translation, and sub-agent (planner / researcher / writer / reviewe…
admintoolkit.io
admintoolkit.io gives admins browser-based DNS, mail authentication, TLS, HTTP, public IP, CIDR, and EDID checks with local parsing and explicit live lookups.