Safari DevTools MCP

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. Its 40 documented tools cover page, console, network, storage. It runs locally over stdio via the published package.

People connecting browser automation tools to Claude, Cursor, VS Code, or another MCP client. The project is written in TypeScript.

VERIFIED ACTIVE

LAST COMMIT 2026-04-13 · ★ 2 · #162 OF 196 MAINTAINED BROWSER AUTOMATION · VERIFIED 2026-08-25

MIT · TypeScript servers · how we verify → /methodology

01 · Install Safari DevTools MCP

Claude Code

claude mcp add hayodev-safari-devtools-mcp -- npx -y safari-devtools-mcp

Claude Desktop / Cursor / VS Code - add to config

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

Same JSON for Cursor. For VS Code, rename the top-level key from `mcpServers` to `servers`.

Using another client? Same JSON, different key

Claude Desktop · mcpServers

Cursor · mcpServers

VS Code · servers

Windsurf · mcpServers

Zed · context_servers

Cline · mcpServers

Roo Code · mcpServers

Continue · mcpServers

LibreChat · mcpServers

Gemini CLI · mcpServers

Codex CLI · mcp_servers

Full setup guides: every client.

02 · Evidence

Security posture

What to check before giving this server access to your agent - from the registry, GitHub, and our own probes. We don't score safety; we show what's verifiable.

runs as local process (stdio) - runs on your machine with your user's permissions

license MIT - declared in the repository

npm package safari-devtools-mcp - unscoped; check the name against the project README before installing

registry namespace io.github.HayoDev is GitHub-verified and matches the repo owner

03 · What Safari DevTools MCP can do

Prose above is summarized from the project's README and registry record - no invented capabilities.

What you can build

With this server connected, an agent can list console messages with filtering by level (log, warn, error), get a detailed message including stack trace and arguments, monitor network requests - Fetch, XHR, and resource loads, and get full request/response details with headers and body.

Capability map

Tools grouped from the project's README - what Safari DevTools MCP lets an agent do.

Page

6 tools - e.g. Get the page title, URL, and visible text content; Switch to a specific tab; Open a new tab and navigate to a URL

get_page_content · select_page · new_page · close_page · navigate_page · resize_page

read & search

4 tools - e.g. Get the full HTML source of the page; List all open Safari tabs across windows; Get computed CSS styles for any element by UID

get_html_source · list_pages · get_computed_style · get_cookies

Console

3 tools - e.g. List console messages with filtering by level (log, warn, error); Get a detailed message including stack trace and arguments; Clear all captured console messages

list_console_messages · get_console_message · clear_console

Storage

3 tools - e.g. Read from localStorage or sessionStorage; Write a key-value pair to localStorage or sessionStorage; Delete a key or clear all entries from localStorage/sessionStorage

get_storage · set_storage · delete_storage

Click

3 tools - e.g. Click an element by UID from a snapshot; Click at specific x/y coordinates; Right-click (context menu) on an element

click · click_at · right_click

Network

2 tools - e.g. Monitor network requests - Fetch, XHR, and resource loads; Get full request/response details with headers and body

list_network_requests · get_network_request

Take

2 tools - e.g. Capture a PNG screenshot of the page or a specific element; Accessibility-tree snapshot of the DOM with stable UIDs for element targeting

take_screenshot · take_snapshot

Extract

2 tools - e.g. Extract all links with their text, href, and rel attributes; Extract meta tags (og:, twitter:, description, etc.)

extract_links · extract_meta

Latest releases

safari-devtools-mcp-v1.8.1 · 2026-04-13

1.8.1 (2026-04-13) · Fixes · rewrite check_webkit_compatibility to use live CSS.supports()

safari-devtools-mcp-v1.8.0 · 2026-04-11

1.8.0 (2026-04-11) · add iOS viewport validation and WebKit CSS compatibility tools

safari-devtools-mcp-v1.7.0 · 2026-04-10

1.7.0 (2026-04-10) · add device emulation with Apple device presets

04 · Who maintains Safari DevTools MCP

Safari DevTools MCP is maintained by hayodev. We track 2 MCP servers from hayodev - 2 actively maintained, 2 combined GitHub stars, oldest repo from Mar 2026.

05 · Facts

repository: github.com/hayodev/safari-devtools-mcp
category: browser automation - ranked #162 of 196 actively-maintained browser automation servers as of 2026-08-25.
registry: io.github.HayoDev/safari-devtools-mcp (active, first published 2026-03-26 · 15 versions)
packages: npm:safari-devtools-mcp

06 · Safari DevTools MCP FAQ

Is Safari DevTools MCP still maintained?

Yes - as of 2026-08-25, its last commit was 2026-04-13. We re-verify nightly.

What can Safari DevTools MCP do?

How do I install Safari DevTools MCP?

Run `npx -y safari-devtools-mcp`. You can also paste the ready-made client config above.

Does Safari DevTools MCP run locally?

Yes - it's a stdio server: it runs on your machine (via npx) with your user's permissions. Your data stays local unless the server itself calls external APIs.

07 · Alternatives to Safari DevTools MCP

Alternatives to Safari DevTools MCP

Maintained browser automation servers if Safari DevTools MCP isn't the fit.

Pairs well with

Servers that cover what Safari DevTools MCP doesn't - only shown when the pairing reason fits the companion.

More browser automation MCP servers · Podium MCP · Hwatu · Agent Scrape · Onsense · Dejared

More TypeScript MCP servers · Coach Watts · Hebcal · Cloudflare MCP Pro · n8n Pro MCP · Apple Stocks MCP · see all