MCPFLOW

Add WebMCP to any site in 3 clicks.

Link GitHub → pick a project → AI detects forms, API routes and actions, generates navigator.modelContext tools, and opens a pull request. You bring your own AI key. Your code never leaves your control except via your own PR.

Get started →What is WebMCP?

1. Link GitHub

OAuth with repo scope. Token stays in your browser; backend only forwards it.

2. AI generates tools

Static scan (forms, fetch, API routes) + your LLM key enriches names, descriptions, schemas.

3. Auto-push PR

New branch webmcp/add-tools-…, commits webmcp.tools.ts, opens a reviewable PR. Never pushes to main.

Generated output

await navigator.modelContext.registerTool({
  name: "shop_search_products",
  description: "Search products by keyword on the catalog page.",
  inputSchema: { type: "object",
    properties: { query: { type: "string" } },
    required: ["query"] },
  execute: async (args) => { /* your app logic */ }
});