Playwright MCP

Instructions

Implementation Reference

• src/tools/navigate.ts:33-47 (handler)

  The handler function that executes the browser_navigate tool: ensures a tab, navigates to the URL, generates corresponding Playwright code, and instructs on snapshot capture.

  handle: async (context, params) => {
    const tab = await context.ensureTab();
    await tab.navigate(params.url);
  
    const code = [
      `// Navigate to ${params.url}`,
      `await page.goto('${params.url}');`,
    ];
  
    return {
      code,
      captureSnapshot,
      waitForNetwork: false,
    };
  },

• src/tools/navigate.ts:23-31 (schema)

  Input schema and metadata for the browser_navigate tool using Zod validation.

  schema: {
    name: 'browser_navigate',
    title: 'Navigate to a URL',
    description: 'Navigate to a URL',
    inputSchema: z.object({
      url: z.string().describe('The URL to navigate to'),
    }),
    type: 'destructive',
  },

• src/tools.ts:35-50 (registration)

  Registration of browser_navigate tool (via ...navigate(true)) in the snapshotTools array used for tool registration.

  export const snapshotTools: Tool<any>[] = [
    ...common(true),
    ...console,
    ...dialogs(true),
    ...files(true),
    ...install,
    ...keyboard(true),
    ...navigate(true),
    ...network,
    ...pdf,
    ...screenshot,
    ...snapshot,
    ...tabs(true),
    ...testing,
    ...wait(true),
  ];

• src/tools.ts:52-66 (registration)

  Registration of browser_navigate tool (via ...navigate(false)) in the visionTools array.

  export const visionTools: Tool<any>[] = [
    ...common(false),
    ...console,
    ...dialogs(false),
    ...files(false),
    ...install,
    ...keyboard(false),
    ...navigate(false),
    ...network,
    ...pdf,
    ...tabs(false),
    ...testing,
    ...vision,
    ...wait(false),
  ];

• src/tools.ts:23-23 (registration)

  Import of the navigate.ts module containing the browser_navigate tool implementation.

  import navigate from './tools/navigate.js';