> ## 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.
# MCP Server
> Give your AI agents access to the Notte MCP server
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.
Give your AI agents access to the entire Notte ecosystem. Notte MCP lets it start cloud browser sessions, interact with the pages, fetch data, build scripts, and more.
## Add the Notte MCP
Create a [Notte API key](https://console.notte.cc/apikeys) and connect your client to the hosted MCP endpoint:
```text theme={null}
https://api.notte.cc/mcp/
```
Run this command and verify the connection with `claude mcp list`
```bash theme={null}
claude mcp add --transport http notte https://api.notte.cc/mcp/ --header "Authorization: Bearer $NOTTE_API_KEY"
```
Add this to `~/.codex/config.toml` or your project's `.codex/config.toml`
```toml theme={null}
[mcp_servers.notte]
url = "https://api.notte.cc/mcp/"
bearer_token_env_var = "NOTTE_API_KEY"
```
Open your MCP settings and add:
```json theme={null}
{
"mcpServers": {
"notte": {
"url": "https://api.notte.cc/mcp/",
"headers": {
"Authorization": "Bearer ${env:NOTTE_API_KEY}"
}
}
}
}
```
Add this to your Claude Desktop configuration:
```json theme={null}
{
"mcpServers": {
"notte": {
"command": "npx",
"args": [
"mcp-remote",
"https://api.notte.cc/mcp/",
"--header",
"Authorization:${AUTH_HEADER}"
],
"env": {
"AUTH_HEADER": "Bearer "
}
}
}
}
```
Add this to your MCP configuration:
```json theme={null}
{
"mcpServers": {
"notte": {
"url": "https://api.notte.cc/mcp/",
"headers": {
"Authorization": "Bearer "
}
}
}
}
```
## Post setup verify
Run this prompt in your assistant to check that setup is all good:
```text theme={null}
Use the Notte MCP server to verify that it is correctly configured. Start a new browser session, goto apple.com, open the live viewer, extract the navbar into structured JSON. Report to user and close all resources. Also report a concise table breakdown of main MCP endpoints with highlevel description to educate user/agent.
```
## Notte Documentation MCP
You can also configure the Notte Docs MCP to give your coding agent current documentation while it helps you build. It needs no API key.
```text theme={null}
https://docs.notte.cc/mcp
```
Run this command and verify the connection with `claude mcp list`
```bash theme={null}
claude mcp add --transport http notte-docs https://docs.notte.cc/mcp
```
Add this to `~/.codex/config.toml` or your project's `.codex/config.toml`
```toml theme={null}
[mcp_servers.notte_docs]
url = "https://docs.notte.cc/mcp"
```
Open your MCP settings and add:
```json theme={null}
{
"mcpServers": {
"notte-docs": {
"url": "https://docs.notte.cc/mcp"
}
}
}
```
Add this to your Claude Desktop configuration:
```json theme={null}
{
"mcpServers": {
"notte-docs": {
"command": "npx",
"args": [
"mcp-remote",
"https://docs.notte.cc/mcp"
]
}
}
}
```
Add this to your MCP configuration:
```json theme={null}
{
"mcpServers": {
"notte-docs": {
"url": "https://docs.notte.cc/mcp"
}
}
}
```