SSyncDev

Safari DevTools MCP Server

MCP server for Safari DevTools — browser debugging and automation for AI coding agents

Local serverstdioGo

What is the Safari DevTools MCP Server?

MCP server for Safari DevTools — browser debugging and automation for AI coding agents

What it actually does

safari-devtools-mcp lets your coding agent (such as Claude, Cursor, Copilot or Gemini) control and inspect a live Safari browser on macOS. It acts as a Model-Context-Protocol (MCP) server, giving your AI coding assistant access to Safari DevTools for debugging, automation, and testing.

  • Network request/response body capture — — intercepts fetch and XHR calls with full headers, payloads, and timing
  • DOM snapshots via accessibility tree — — stable element UIDs that survive page re-renders, not brittle CSS selectors
  • CSS computed style inspection — — read any computed property from any element
  • Cookie and storage management — — read, write, and delete cookies, localStorage, and sessionStorage
  • Element-level screenshots — — capture individual elements, not just the full viewport
  • Session auto-recovery — — detects dead SafariDriver sessions and reconnects transparently

Configuration

  • macOS (Safari and SafariDriver are Apple-exclusive) - Node.js 18+ (22+ recommended) - Safari with remote automation enabled

More MCP options

Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.

Maintainer setup documentation.

How to install the Safari DevTools MCP Server

{
  "mcpServers": {
    "safari-devtools": {
      "command": "npx",
      "args": ["-y", "safari-devtools-mcp"]
    }
  }
}

Add to claude_desktop_config.json, then restart Claude Desktop.

Configuration

  • macOS (Safari and SafariDriver are Apple-exclusive) - Node.js 18+ (22+ recommended) - Safari with remote automation enabled

Example prompts to try

  • “Use Safari DevTools MCP to Element.”
  • “Use Safari DevTools MCP to Debugging.”
  • “Use Safari DevTools MCP to Navigation.”

Frequently asked questions

MCP server for Safari DevTools — browser debugging and automation for AI coding agents Confirm the tools offered by your installed version in the connected client. Tool availability and permissions depend on the server and account configuration.

Alternatives to the Safari DevTools MCP Server

Playwright

Official

Use Microsoft’s Playwright MCP server to navigate pages, inspect accessibility snapshots, fill forms and capture browser screenshots.

Browser AutomationTypeScript★ 21.0k

Puppeteer

Official

The original Chromium automation reference server — simple, screenshot-driven browser control.

Browser AutomationTypeScript★ 63.0k

Chrome DevTools

Official

Give your coding agent the full DevTools toolbox: traces, network, console, heap snapshots and Lighthouse.

Browser AutomationTypeScript★ 48.4k

Browser MCP

Puppeteer-powered browser control that drives pages from the accessibility tree instead of pixels.

Browser AutomationRemoteTypeScript★ 38.4k

BrowserTools

Enables AI-powered applications to monitor and interact with browser data via a Chrome extension and MCP.

Browser Automation★ 7.3k

Playwright

Automates browsers and APIs, enabling Large Language Models (LLMs) to interact with web pages for tasks like screenshot capture and JavaScript

Browser Automation★ 5.6k