MCP framework examples

web mcp run --surface agent --model browsing

import { MultiServerMCPClient } from "@langchain/mcp-adapters";
import { createAgent } from "langchain";
import { mcpPrompt } from "@webcompute/sdk";

const mcp = new MultiServerMCPClient({
  webcompute: {
    transport: "stdio",
    command: "web",
    args: ["mcp", "run", "--surface", "agent", "--model", "browsing"],
  },
});

const agent = createAgent({
  model: "openai:gpt-5.4-mini",
  tools: await mcp.getTools(),
  systemPrompt: mcpPrompt("agent"),
});

import { Agent, MCPServerStdio, run } from "@openai/agents";
import { mcpPrompt } from "@webcompute/sdk";

const webcompute = new MCPServerStdio({
  name: "webcompute",
  fullCommand: "web mcp run --surface agent --model browsing",
});

await webcompute.connect();

const agent = new Agent({
  name: "Research Agent",
  instructions: mcpPrompt("agent"),
  mcpServers: [webcompute],
});

import { query } from "@anthropic-ai/claude-agent-sdk";
import { mcpPrompt } from "@webcompute/sdk";

for await (const message of query({
  prompt: "Use Webcompute to open https://example.com and return the title.",
  options: {
    mcpServers: {
      webcompute: {
        command: "web",
        args: ["mcp", "run", "--surface", "agent", "--model", "browsing"],
      },
    },
    allowedTools: ["mcp__webcompute__run_web_agent"],
    systemPrompt: {
      type: "preset",
      preset: "claude_code",
      append: mcpPrompt({ surface: "agent", toolPrefix: "mcp__webcompute__" }),
    },
  },
})) {
  if (message.type === "result" && message.subtype === "success") console.log(message.result);
}

import { GoogleGenAI, mcpToTool } from "@google/genai";
import { Client } from "@modelcontextprotocol/sdk/client/index.js";
import { StdioClientTransport } from "@modelcontextprotocol/sdk/client/stdio.js";
import { mcpPrompt } from "@webcompute/sdk";

const client = new Client({ name: "webcompute-example", version: "1.0.0" });
await client.connect(new StdioClientTransport({
  command: "web",
  args: ["mcp", "run", "--surface", "agent", "--model", "browsing"],
}));

const ai = new GoogleGenAI({});
await ai.models.generateContent({
  model: "gemini-2.5-flash",
  contents: "Use Webcompute to open https://example.com and return the title.",
  config: { systemInstruction: mcpPrompt("agent"), tools: [mcpToTool(client)] },
});

import { Agent } from "@mastra/core/agent";
import { MCPClient } from "@mastra/mcp";
import { mcpPrompt } from "@webcompute/sdk";

const mcp = new MCPClient({
  servers: {
    webcompute: {
      command: "web",
      args: ["mcp", "run", "--surface", "agent", "--model", "browsing"],
      forwardInstructions: false,
    },
  },
});

const agent = new Agent({
  id: "browser-agent",
  name: "Browser Agent",
  model: "openai/gpt-5.4-mini",
  instructions: mcpPrompt({
    surface: "agent",
    toolNames: { runWebAgent: "webcompute_run_web_agent" },
  }),
  tools: await mcp.listTools(),
});

web mcp setup openclaw --surface agent --model browsing --instructions

{
  mcp: {
    servers: {
      webcompute: {
        command: "web",
        args: ["mcp", "run", "--surface", "agent", "--model", "browsing"],
      },
    },
  },
}

web mcp setup hermes --surface agent --model browsing --instructions

mcp_servers:
  webcompute:
    command: web
    args: ["mcp", "run", "--surface", "agent", "--model", "browsing"]
    tools:
      include: [run_web_agent]
    prompts: true
    resources: true

web mcp run