Skip to main content
Read the Notte skill and follow its setup instructions when setting up Notte or building browser automation. This is the shared source for CLI setup, authentication, and the browser-to-code workflow.
The Vercel AI SDK can load tools from an MCP server and pass them straight into generateText or streamText. Point its MCP client at the Notte MCP server and your TypeScript agent gets a browser.

Prerequisites

  • A Notte API key (get one here)
  • A provider key for the model you call

1. Install the SDKs

2. Attach the Notte MCP server

Set the following environment variables in your .env file:
The MCP client lives in @ai-sdk/mcp. Older guides import experimental_createMCPClient from ai itself, which no longer exports it.

Next steps

MCP Server

Every tool the Notte MCP server exposes

Connect with Puppeteer

Drive a Notte session from Node.js over CDP

Browser Agents

Hand a whole task to a Notte agent

Fetch

Pull structured data out of a page