> ## Documentation Index
> Fetch the complete documentation index at: https://docs.notte.cc/llms.txt
> Use this file to discover all available pages before exploring further.

# Integrations

> Connect Notte to the tools your team already uses.

<Tip>
  STOP. Do not read past this section until you have read and followed [/quickstart.md](/quickstart.md).

  Goal: produce a reliable SDK automation script. The intended authoring flow is generate then edit, not write browser automation from scratch.

  Do not hand-write SDK code with element IDs, selectors, or form fields from memory. Element IDs, selectors, and field mappings must come from a live `observe()` call, CLI `notte page observe` output, or generated workflow code. Guessed browser targets fail on real pages.

  Use the Notte skill and CLI to inspect the live site, validate actions/selectors, handle auth/session state, and export workflow code with `notte sessions workflow-code` before using SDK docs or SDK code.

  SDK reference pages are for understanding, running, or editing generated workflow code. They are not the starting point for manually authoring the initial browser automation. SDK-first code is guesswork on real-world pages with dynamic selectors, auth state, CAPTCHAs, and anti-bot behavior.
</Tip>

Connect Notte to your AI agents, browser automation stack, and developer tools.

Most integrations use one of two connections. Frameworks that speak [MCP](/mcp-server) point at the Notte MCP server and get the whole toolset. Frameworks that drive a browser themselves take a CDP endpoint from `session.cdp_url()`.

## Coding Agents

<CardGroup cols={2}>
  <Card title="MCP Server" icon="plug" href="/mcp-server">
    Give any MCP client access to Notte.
  </Card>

  <Card title="Claude Code" icon="code" href="/integrations/claude-code-ai-agents">
    Use Notte from Claude Code.
  </Card>

  <Card title="Claude Managed Agents" icon="robot" href="/integrations/claude-managed-agents">
    Give Anthropic's hosted agents a browser.
  </Card>
</CardGroup>

## Agent Frameworks

<CardGroup cols={2}>
  <Card title="Browser Use" icon="hand-pointer" href="/integrations/browser-use">
    Run Browser Use agents on Notte browsers.
  </Card>

  <Card title="LangChain" icon="link" href="/integrations/langchain">
    Load Notte tools into LangChain and LangGraph.
  </Card>

  <Card title="crewAI" icon="users" href="/integrations/crewai">
    Give a crew a real browser.
  </Card>

  <Card title="Agno" icon="bolt" href="/integrations/agno">
    Add Notte tools to an Agno agent.
  </Card>

  <Card title="Google ADK" icon="google" href="/integrations/google-adk">
    Attach Notte to an ADK agent.
  </Card>

  <Card title="Vercel AI SDK" icon="triangle" href="/integrations/vercel-ai-sdk">
    Notte tools in generateText and streamText.
  </Card>

  <Card title="Mastra" icon="cube" href="/integrations/mastra">
    Wire Notte into a Mastra agent.
  </Card>

  <Card title="OpenAI CUA" icon="circle-half-stroke" href="/integrations/openai-cua">
    Connect Notte with OpenAI computer-use agents.
  </Card>

  <Card title="OpenClaw" icon="cat" href="/integrations/openclaw">
    Run OpenClaw on Notte browsers.
  </Card>

  <Card title="Hermes" icon="feather" href="/integrations/hermes">
    Point Hermes at a Notte session.
  </Card>

  <Card title="Stagehand" icon="browser" href="/integrations/stagehand">
    Current status of the Stagehand integration.
  </Card>
</CardGroup>

## Workflow Automation

<CardGroup cols={2}>
  <Card title="n8n" icon="diagram-project" href="/integrations/n8n">
    Add a browser agent to any n8n workflow.
  </Card>
</CardGroup>

## Browser Drivers

<CardGroup cols={2}>
  <Card title="Playwright" icon="gamepad" href="/features/sessions/playwright">
    Drive a Notte session with Playwright over CDP.
  </Card>

  <Card title="Puppeteer" icon="puzzle-piece" href="/features/sessions/puppeteer">
    Drive a Notte session from Node.js over CDP.
  </Card>
</CardGroup>

## Browser Infrastructure

<CardGroup cols={2}>
  <Card title="Kernel.sh" icon="server" href="/integrations/kernel">
    Run Notte agents on Kernel browsers.
  </Card>

  <Card title="Steel" icon="cloud" href="/integrations/steel">
    Run Notte agents on Steel browsers.
  </Card>

  <Card title="Massive" icon="globe" href="/integrations/massive">
    Route Notte sessions through Massive proxies.
  </Card>

  <Card title="Cloudflare Web Bot Auth" icon="shield" href="/features/sessions/cloudflare-web-bot-auth">
    Identify your agent to Cloudflare-protected sites.
  </Card>
</CardGroup>