webmcp-flow WebMCP tools

Tool 1 of 7WebMCPAction

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.

How to install

Open the webmcp-flow website and ask your browser agent to use add_node

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the add_node tool on webmcp-flow with label: <string>, nodeType: <string>, id: <string>. Return the structured result and cite the source page.

Input contract

• label string Human-readable display name shown on the node, e.g. 'Auth Service'
• nodeType string Visual category: 'service' (backend microservice), 'database' (persistent storage), 'cache' (in-memory store), 'queue' (message broker), 'api' (gateway/proxy), 'client' (user/frontend)
• id string 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.

Open the source definition

Tool 2 of 7WebMCPAction

add_edge

Draw a directed edge from one node to another. Both nodes must already exist — call add_node first. Use the node id returned by add_node (or the auto-generated id) as source and target. Call get_graph if you are unsure which node ids are currently in the diagram.

How to install

Open the webmcp-flow website and ask your browser agent to use add_edge

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the add_edge tool on webmcp-flow with source: <string>, target: <string>, label: <string>. Return the structured result and cite the source page.

Input contract

• source string ID of the source (origin) node
• target string ID of the target (destination) node
• label string Optional short label shown on the edge, e.g. 'HTTP', 'gRPC', 'SQL'

Open the source definition

Tool 3 of 7WebMCPAction

remove_node

Remove a node by id. All edges connected to it are automatically removed as well. Use get_graph to find the correct id before calling this.

How to install

Open the webmcp-flow website and ask your browser agent to use remove_node

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the remove_node tool on webmcp-flow with id: <string>. Return the structured result and cite the source page.

Input contract

• id string ID of the node to remove

Open the source definition

Tool 4 of 7WebMCPAction

update_node

Update the label or nodeType of an existing node. The node id stays the same. Use get_graph to confirm the id before calling.

How to install

Open the webmcp-flow website and ask your browser agent to use update_node

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the update_node tool on webmcp-flow with id: <string>, label: <string>, nodeType: <string>. Return the structured result and cite the source page.

Input contract

• id string ID of the node to update
• label string New display label
• nodeType string New node type

Open the source definition

Tool 5 of 7WebMCPAnswer

get_graph

Returns all current nodes and edges. Call this when you need to know existing node ids before calling add_edge, remove_node, or update_node.

How to install

Open the webmcp-flow website and ask your browser agent to use get_graph

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the get_graph tool on webmcp-flow. Return the structured result and cite the source page.

Input contract

Open the source definition

Tool 6 of 7WebMCPAction

clear_graph

Remove all nodes and edges from the diagram. Use only when the user explicitly asks to reset or start over.

How to install

Open the webmcp-flow website and ask your browser agent to use clear_graph

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the clear_graph tool on webmcp-flow. Return the structured result and cite the source page.

Input contract

Open the source definition

Tool 7 of 7WebMCPAction

auto_layout

Rearrange all nodes into a readable left-to-right layered layout based on edge directions. Only call this when the user explicitly asks to arrange, organize, or layout the diagram. Do not call it automatically after adding nodes or edges.

How to install

Open the webmcp-flow website and ask your browser agent to use auto_layout

Install browse first, then run the command in a terminal. WebMCP tools run directly on the website and do not need a package install.

Run with an agent

Use the auto_layout tool on webmcp-flow. Return the structured result and cite the source page.

Input contract

Open the source definition