Notas · 26 de octubre de 2026 · 5 min de lectura

Cómo hacer que Claude o Cursor lean cualquier web con MCP

Le pedís a Claude o a Cursor que revise una página y te contesta con lo que sabía de memoria, o trae el HTML crudo y se pierde entre scripts y menús. Peor si la página arma su contenido con JavaScript: el texto que necesitabas ni siquiera está en lo que descargó.

La solución es darle al agente un navegador de verdad, y la forma estándar de hacerlo hoy es MCP.

Qué es MCP, en dos líneas

MCP (Model Context Protocol) es un protocolo abierto para conectar asistentes de IA con herramientas externas. Agregás un servidor MCP a tu cliente (Claude, Cursor, VS Code y otros) y el modelo ve herramientas nuevas que puede usar cuando las necesita, sin que vos copies y pegues nada.

Para leer la web hay dos enfoques:

Un navegador local. Servidores como el MCP de Playwright abren un Chrome en tu máquina y el agente lo maneja paso a paso: hace clic, completa formularios, navega. Es potente para automatizar, pero cada paso suele sumarle bastante texto al contexto del modelo y necesitás el navegador instalado donde corre el cliente.
Un servicio remoto que lee por vos. El servidor abre la página en un Chrome en otro lado y le devuelve al modelo el contenido limpio o una captura. No instalás nada, y anda igual en Claude.ai, en tu editor o en la terminal.

Si lo que querés es que el agente lea y vea páginas (documentación, un artículo, la web de un cliente, cómo quedó tu deploy), el segundo enfoque es más simple y gasta mucho menos contexto.

Las herramientas que le das al agente

En esta guía usamos el servidor MCP de screenshot.com.ar, que está en https://screenshot.com.ar/mcp y le suma tres herramientas al modelo:

read_page(url, max_chars?): devuelve la página en markdown limpio, sin scripts, menús, pie, publicidad ni banners de cookies. Es la más barata para el contexto del modelo.
take_screenshot(url, width?, height?, full_page?, format?, dark?): devuelve la imagen de la página (JPEG por defecto; la página completa se corta en 8.000 px). Sirve cuando importa cómo se ve, no solo qué dice.
read_page_with_screenshot(url, max_chars?): el markdown y la captura de lo visible, abriendo la página una sola vez.

Las páginas se abren en un Chrome real, con JavaScript, así que el agente ve lo mismo que vería una persona. Solo funciona con páginas públicas: lo que está detrás de un login no se puede leer.

Configuración: copiá la de tu cliente

Necesitás una API key (el plan gratis tiene 100 capturas por mes, sin tarjeta) o, en Claude.ai y ChatGPT, directamente tu cuenta. Reemplazá TU_API_KEY por tu clave.

Claude.ai o ChatGPT

No hace falta copiar ninguna clave. En Claude, andá a Configuración → Conectores; en ChatGPT, a Configuración → Conectores, con el modo desarrollador activado. Agregá un conector personalizado con esta URL y tocá Conectar:

https://screenshot.com.ar/mcp

Entrás con un código que te llega por email y autorizás la app. Después la podés desconectar desde Mi cuenta.

Claude Code

En la terminal:

claude mcp add --transport http screenshot https://screenshot.com.ar/mcp \
  --header "Authorization: Bearer TU_API_KEY"

Cursor

En ~/.cursor/mcp.json:

{
  "mcpServers": {
    "screenshot": {
      "url": "https://screenshot.com.ar/mcp",
      "headers": {
        "Authorization": "Bearer TU_API_KEY"
      }
    }
  }
}

VS Code

En .vscode/mcp.json, dentro de tu proyecto:

{
  "servers": {
    "screenshot": {
      "type": "http",
      "url": "https://screenshot.com.ar/mcp",
      "headers": {
        "Authorization": "Bearer TU_API_KEY"
      }
    }
  }
}

Claude Desktop

En claude_desktop_config.json (Configuración → Desarrollador → Editar configuración). Usa mcp-remote, así que necesitás Node.js instalado:

{
  "mcpServers": {
    "screenshot": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://screenshot.com.ar/mcp",
        "--header",
        "Authorization:${AUTH}"
      ],
      "env": {
        "AUTH": "Bearer TU_API_KEY"
      }
    }
  }
}

Reiniciá Claude Desktop después de guardar.

Clientes que solo aceptan una URL

Si tu cliente no permite agregar headers ni iniciar sesión, podés pasar la clave en la URL: https://screenshot.com.ar/mcp?key=TU_API_KEY. Ojo: cualquiera que tenga esa URL usa tu cuota, así que no la compartas ni la subas a un repositorio.

Probalo con estos pedidos

Una vez conectado, no tenés que nombrar las herramientas: el modelo elige cuál usar. Algunas ideas para arrancar:

"Leé la documentación de esta librería y decime cómo se configura la autenticación: [URL]". Usa read_page y trabaja con el texto actual, no con lo que recordaba.
"Sacale una captura a mi landing en 390 de ancho y decime qué se ve mal en celular". Usa take_screenshot con un ancho de celular.
"Compará las páginas de precios de estos tres competidores y armame un resumen". Lee las tres y compara.
En Cursor o Claude Code, después de un deploy: "Mirá cómo quedó la home en producción y comparala con lo que dice el componente que acabamos de cambiar".
"Revisá si esta nota tiene el modo oscuro bien resuelto". Usa take_screenshot con dark.

Un consejo: si solo necesitás el contenido, pedile explícitamente que lea la página en vez de sacarle una captura. El markdown ocupa mucho menos contexto que una imagen y el modelo responde mejor.

Cuánto consume

Cada uso de una herramienta cuenta como una captura de tu plan, salvo lo que sale de cache: si el agente vuelve a pedir la misma página con los mismos parámetros dentro de las 24 horas, no se cuenta. Con las 100 capturas gratis del mes podés usarlo bastante en el día a día; si lo metés en un flujo de trabajo intensivo, los planes pagos van de 5.000 a 25.000 capturas y se pagan en pesos: mirá los precios.

En el plan gratis también hay un tope diario de tiempo de navegador (2 minutos por día). Si lo pasás, tenés que esperar a que se renueve, a las 00:00 UTC.

Si algo no anda

El cliente no muestra las herramientas. Reiniciá el cliente después de editar el archivo de configuración y revisá que el JSON sea válido (una coma de más alcanza para que no cargue).
Error de clave. Fijate que el header diga Bearer, un espacio y la clave, sin comillas extra.
La página no carga. Algunas páginas bloquean navegadores automatizados o tardan demasiado; en ese caso la herramienta devuelve un error y el modelo te lo va a contar.

Toda la referencia, con los errores posibles, está en la documentación del servidor MCP.

Probá screenshot.com.ar gratis

100 capturas por mes sin tarjeta, por API o por MCP. Planes en pesos con Mercado Pago.

Crear mi API key