Safari MCP

Actualización: En Safari 27 y Safari Technology Preview 247, presentamos el servidor Safari MCP — un servidor de Protocolo de Contexto de Modelo para desarrolladores web que hace que tu flujo de trabajo de desarrollo y depuración sea más rápido y potente. Sabemos que los agentes son cada vez más integrales en el proceso de codificación, y el servidor Safari MCP le da a tu agente la capacidad de saber cómo se renderiza realmente tu código en el navegador al conectarlo a una ventana del navegador Safari.

Cualquier cliente compatible con MCP puede conectarse al servidor Safari MCP. Al conectar tu agente a una ventana del navegador Safari, tu agente puede emular lo que experimentan tus usuarios, dándole la información que necesita para depurar de manera más autónoma, como acceso al DOM, solicitudes de red, capturas de pantalla y salida de consola.

Acelera tu proceso de depuración y te permite permanecer en la comodidad de tu terminal, lo que significa menos rondas de saltar entre ventanas y escribir indicaciones para depurar tu código.

Los casos de uso

Si desarrollas para la web, entonces conoces el baile de la depuración. Generalmente es algo así:

Ves algo mal en tu sitio en el navegador. Abres la consola para buscarlo. Haces clic en la pestaña de estilos. Ves lo que está roto. Vuelves a tu código para arreglarlo. O tal vez tomas una captura de pantalla, detallas el problema a tu agente y dejas que lo arregle por ti. Con suerte, lo hace bien, el error se corrige y puedes continuar.

Pero cuando no se corrige, pasas por el flujo de trabajo nuevamente — Navegador. Indicación. Agente.

Y una y otra vez, hasta que finalmente aplastas el error.

Independientemente del navegador o las herramientas que uses, el flujo de trabajo de depuración implica muchos clics, herramientas y saltos de ventana para hacer una sola corrección, pero no tiene que ser así. Si ya estás usando agentes en tu flujo de trabajo de desarrollo, el servidor Safari MCP hace que tu depuración sea más rápida y eficiente.

El servidor Safari MCP permite que tu agente haga más depuración y solución de problemas por sí mismo. Aquí hay solo algunos ejemplos de lo que puede ayudar:

Desarrollo web en Safari. La próxima vez que desarrolles en Safari, te beneficiarás de un flujo de trabajo mejorado. Tu agente ya te ayuda con tu código, ahora puede hacer aún más al verificar cómo se renderiza realmente tu código en Safari.

Mejora la compatibilidad con Safari. Probar en un solo navegador significa perder posibles errores en otro, dando a esos usuarios una experiencia deficiente. Con el servidor Safari MCP, tu agente puede abrir tu sitio en Safari, inspeccionar estilos calculados, verificar el diseño y compararlo con lo que esperas sin cambiar de ventana.

Analiza el rendimiento. Ve qué partes de tu sitio están ralentizando las cosas. El servidor Safari MCP permite que tu agente evalúe JavaScript en la página para revelar métricas de rendimiento, como tiempos de navegación y tiempos de carga de recursos, para que pueda identificar qué está ralentizando tu sitio y trabajar en la corrección adecuada.

Verifica la accesibilidad. El servidor Safari MCP permite que tu agente verifique problemas comunes de accesibilidad como etiquetas faltantes, atributos ARIA incorrectos y contraste deficiente, para que puedas detectar problemas que afectan a tus usuarios.

Verifica cualquier estado de usuario. Asegúrate de que la página funcione y se vea como debería. Tu agente puede verificar el estado del formulario, consultar un elemento usando un selector, confirmar interacciones específicas, mostrar diferentes estados de un flujo de pago y más. Dedica menos tiempo a estas verificaciones manuales y permite que el agente lo haga por ti.

Estos son solo algunos de los casos de uso. Sin embargo, decidas implementarlo, el servidor Safari MCP ayuda a tu agente a hacer más por ti y reducir todo el ir y venir que el desarrollo web a menudo requiere. Un flujo de trabajo más fácil significa más errores aplastados, usuarios más felices y un mejor producto.

Las herramientas

Aquí están las herramientas disponibles y lo que hacen:

Herramienta	Descripción
browser_console_messages	Devuelve registros de consola almacenados en búfer para la pestaña actual o especificada
browser_dialogs	Lista y responde a diálogos del navegador (aceptar, descartar o ingresar texto para indicaciones de JS)
close_tab	Cierra una pestaña del navegador por su identificador
create_tab	Crea una nueva pestaña del navegador, opcionalmente cargando una URL
evaluate_javascript	Ejecuta código JavaScript dentro de la página y devuelve el resultado
get_network_request	Obtiene detalles completos de una sola solicitud de red registrada (encabezados, cuerpo, tiempo)
get_page_content	Extrae el contenido de texto de una página en varios formatos (markdown, HTML, JSON, etc.)
list_network_requests	Lista resúmenes de solicitudes de red (URL, método, estado, tiempo) para la pestaña actual
list_tabs	Lista todas las pestañas abiertas del navegador con sus identificadores y URLs
navigate_to_url	Navega a una URL y devuelve el contenido de la página cargada
page_info	Obtiene información sobre la página actual: URL, título y estado de carga
page_interactions	Realiza interacciones DOM en secuencia: clic, escribir, desplazarse, pasar el cursor, pulsar tecla, etc.
screenshot	Captura una captura de pantalla de la página actual como PNG
set_emulated_media	Emula un tipo de medio CSS (por ejemplo, "print") para pruebas de diseño responsivo
set_viewport_size	Establece el tamaño de la ventana gráfica del navegador en píxeles CSS
switch_tab	Cambia a una pestaña diferente del navegador por su identificador
wait_for_navigation	Espera a que la página actual termine de cargar; devuelve la URL final y el título

Con el servidor Safari MCP, ya no tienes que escribir la indicación perfecta, describiendo cuidadosamente a tu agente lo que estás experimentando en el navegador. Puedes darle a tu agente la capacidad de descubrirlo por sí mismo.

Cómo comenzar

Safari 27

Primero, necesitarás instalar Safari 27. Una vez instalado, asegúrate de habilitar las funciones de desarrollador web y la automatización remota. Para habilitar las funciones para desarrolladores web, elige Safari > Configuración > Avanzado > marca la casilla Mostrar funciones para desarrolladores web. Luego ve a Safari > Configuración > Desarrollador > marca "Permitir automatización remota y agentes externos".

Si estás usando Claude, puedes usar el siguiente comando en tu terminal:

claude mcp add safari-mcp -- "/usr/bin/safaridriver" --mcp

Si estás usando Codex, puedes usar el siguiente comando en tu terminal:

codex mcp add safari-mcp -- "/usr/bin/safaridriver" --mcp

Para otros agentes, puedes poner lo siguiente en tu archivo mcp.json o config.json.

{
  "mcpServers": {
    "safari-mcp": {
      "command": "/usr/bin/safaridriver",
      "args": ["--mcp"]
    }
  }
}

Safari Technology Preview

Primero, necesitarás instalar Safari Technology Preview. Una vez instalado, asegúrate de habilitar Configuración de Safari > Avanzado > Mostrar funciones para desarrolladores web. Luego ve a Configuración de Safari > Desarrollador > Habilitar automatización remota y agentes externos.

Si estás usando Claude, puedes usar el siguiente comando en tu terminal:

claude mcp add safari-mcp-stp -- "/Applications/Safari Technology Preview.app/Contents/MacOS/safaridriver" --mcp

Si estás usando Codex, puedes usar el siguiente comando en tu terminal:

codex mcp add safari-mcp-stp -- "/Applications/Safari Technology Preview.app/Contents/MacOS/safaridriver" --mcp

Para otros agentes, puedes poner lo siguiente en tu mcp.json o config.json:

"safari-mcp-stp": {
  "command": "/Applications/Safari Technology Preview.app/Contents/MacOS/safaridriver",
  "args": ["--mcp"] 
}

Ten en cuenta que aunque el código anterior nombra al servidor safari-mcp-stp, puedes nombrarlo como quieras, incluso solo safari. Una vez que tengas el servidor Safari MCP instalado, prueba una de las siguientes indicaciones:

Find bugs on my site in Safari

How accessible is my site in Safari?

See how my website performs in Safari

Aunque cada agente funciona un poco diferente, no debería necesitar que se le diga explícitamente que use el servidor Safari MCP — lo descubrirá por sí mismo. Indicaciones simples como las anteriores son suficientes para iniciar el MCP.

Así es como podría ir una conversación con un agente que usa el servidor Safari MCP:

Tú: Tengo un informe de error — algo está roto en Safari en la página de vuelos. ¿Puedes averiguar qué está pasando?

Agente: Claro, déjame echar un vistazo.

Agente: Encontré dos errores distintos en la página de vuelos en Safari. ¿Quieres que los corrija ambos?

Tú: Sí. ¿Hay algo más aquí que pueda estar causando problemas para los usuarios de Safari?

Agente: Sí, dos cosas más que vale la pena señalar. La animación de revelación de resultados está silenciosamente rota y el registro de inicio del servidor API es incorrecto. ¿Debo abordar ambos también?

Todo lo que necesitas es una solicitud inicial para comenzar, y con la ayuda del servidor Safari MCP, tu agente puede continuar desde allí.

El servidor Safari MCP se ejecuta completamente en tu máquina local y no realiza llamadas de red por sí mismo. Tampoco tiene acceso a tu información personal en Safari (por ejemplo, Autocompletar u otra actividad del navegador). Cuando captura contenido de página, capturas de pantalla o registros de consola, esos datos van directamente al agente que estás ejecutando — no a Apple. Lo que sucede con esos datos a partir de ahí depende del agente y modelo que estés usando. Como con cualquier agente al que le des acceso a tu navegador, solo usa aquellos en los que confíes.

Por qué construimos esto

Hay muchas maneras de desarrollar para la web, tanto con IA como sin ella. Si la IA es parte de tu flujo de trabajo, creemos que esta herramienta ayudará a hacerlo aún más productivo. Y si no lo es, también está bien.

Al crear este recurso, esperamos hacer que sea más fácil que nunca probar y depurar en Safari al ayudar a tu agente a entender cómo se ven y funcionan las cosas en el navegador.

Si terminas probándolo o si esta es tu primera vez usando un servidor MCP, cuéntanos qué piensas.

Encuéntranos en línea: Saron Yitbarek en Bluesky, Jen Simmons en Bluesky / Mastodon, y Jon Davis en Bluesky / Mastodon. Si encuentras algún problema, presenta un informe de error de WebKit. Presentar problemas realmente hace una diferencia.