--- title: Introducing the Safari MCP server for web developers description: Apple's WebKit team has introduced the Safari MCP server in Safari Technology Preview 247, a Model Context Protocol server that connects AI coding agents... canonical: https://daily.dev/posts/introducing-the-safari-mcp-server-for-web-developers-cxmmljumw twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Introducing the Safari MCP server for web developers | daily.dev og:description: Apple's WebKit team has introduced the Safari MCP server in Safari Technology Preview 247, a Model Context Protocol server that connects AI coding agents... og:url: https://daily.dev/posts/introducing-the-safari-mcp-server-for-web-developers-cxmmljumw og:image: https://api.daily.dev/og/posts/CxmMLJUMW.png og:image:alt: Introducing the Safari MCP server for web developers og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Introducing the Safari MCP server for web developers **[WebKit](https://daily.dev/sources/webkit)** · 7 min read · 9 upvotes · 1 comments ## Summary Apple's WebKit team has introduced the Safari MCP server in Safari Technology Preview 247, a Model Context Protocol server that connects AI coding agents directly to a Safari browser window. This allows agents to autonomously inspect the DOM, capture screenshots, read console logs, monitor network requests, and interact with pages — eliminating the repetitive browser-prompt-agent debugging loop. The server exposes 17 tools covering navigation, JavaScript evaluation, tab management, viewport control, and accessibility checks. It runs entirely locally with no network calls and no access to personal Safari data. Setup requires Safari Technology Preview and a single terminal command for Claude, Codex, or any MCP-compatible client. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### What is the Safari MCP server and what can it do? It is a Model Context Protocol server introduced in Safari Technology Preview 247 that connects AI coding agents to a Safari browser window. It gives agents access to the DOM, network requests, screenshots, and console output, enabling autonomous debugging, cross-browser compatibility checks, performance analysis, accessibility checks, and verification of page states like forms or checkout flows. _Developers wiring agents into their browser workflow can track new MCP tooling like this on daily.dev._ ### How do I set up the Safari MCP server with Claude or Codex? First install Safari Technology Preview, then enable Safari Settings > Advanced > Show features for web developers, and Safari Settings > Developer > Enable remote automation and external agents. For Claude, run 'claude mcp add safari-mcp-stp -- "/Applications/Safari Technology Preview.app/Contents/MacOS/safaridriver" --mcp' in the terminal; Codex uses the same command with 'codex mcp add'. Other agents can add the server via mcp.json. _daily.dev helps developers configuring new agent integrations like this stay ahead of setup changes._ ### What tools does the Safari MCP server expose to an agent? It exposes tools including browser_console_messages, evaluate_javascript, screenshot, list_network_requests, get_network_request, page_interactions, set_viewport_size, set_emulated_media, navigate_to_url, and tab management functions like create_tab, close_tab, and switch_tab. Together these let an agent inspect page state, run JavaScript, capture screenshots, and simulate user interactions without manual browser switching. _Teams building agent-driven debugging workflows can follow tooling updates like this on daily.dev._ ## Community discussion Top comments from developers on daily.dev. **@allinonetools** · 1 upvotes > This feels genuinely useful, not just another AI demo. Direct DOM and console access should make frontend workflows much smoother. ## Similar posts on daily.dev - [Apple just turned Safari into something AI agents can control](https://daily.dev/posts/apple-just-turned-safari-into-something-ai-agents-can-control-krh7gtuhy) · The New Stack · 2 upvotes · 0 comments - [How to Connect Your AI Coding Agent to a Browser on macOS](https://daily.dev/posts/how-to-connect-your-ai-coding-agent-to-a-browser-on-macos-3reiwuazo) · freeCodeCamp · 2 upvotes · 0 comments - [Chrome DevTools made an MCP server](https://daily.dev/posts/chrome-devtools-made-an-mcp-server-rzcploxjl) · Bytes by ui.dev · 31 upvotes · 1 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#ai-agents](https://daily.dev/tags/ai-agents), [#mcp](https://daily.dev/tags/mcp), [#safari](https://daily.dev/tags/safari) [View this post on daily.dev](https://daily.dev/posts/introducing-the-safari-mcp-server-for-web-developers-cxmmljumw) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Introducing the Safari MCP server for web developers","url":"https://daily.dev/posts/introducing-the-safari-mcp-server-for-web-developers-cxmmljumw","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/introducing-the-safari-mcp-server-for-web-developers-cxmmljumw"},"datePublished":"2026-07-01T21:37:39.930Z","dateModified":"2026-09-14T05:59:09.728Z","description":"Apple's WebKit team has introduced the Safari MCP server in Safari Technology Preview 247, a Model Context Protocol server that connects AI coding agents...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/ba76a72d9d317eb6673f7c7908f4afbb?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/ba76a72d9d317eb6673f7c7908f4afbb?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"WebKit","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"WebKit","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/webkit","url":"https://daily.dev/sources/webkit"},"commentCount":1,"discussionUrl":"https://daily.dev/posts/introducing-the-safari-mcp-server-for-web-developers-cxmmljumw","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":9},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"webdev,ai-agents,mcp,safari","timeRequired":"PT7M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"WebKit","item":"https://daily.dev/sources/webkit"},{"@type":"ListItem","position":3,"name":"Introducing the Safari MCP server for web developers"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/introducing-the-safari-mcp-server-for-web-developers-cxmmljumw","comment":[{"@type":"Comment","text":"This feels genuinely useful, not just another AI demo. Direct DOM and console access should make frontend workflows much smoother.","datePublished":"2026-07-02T03:08:12.634Z","url":"https://daily.dev/posts/CxmMLJUMW#c-G9w9ty6Eo","author":{"@type":"Person","name":"AllInOneTools","url":"https://daily.dev/allinonetools","image":"https://media.daily.dev/image/upload/s--4ZT8QlF0--/f_auto/v1769790028/avatars/avatar_igzBsWloJeaegzm9bQltZ?_a=BAMAMiiu0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/introducing-the-safari-mcp-server-for-web-developers-cxmmljumw#faq","mainEntity":[{"@type":"Question","name":"What is the Safari MCP server and what can it do?","acceptedAnswer":{"@type":"Answer","text":"It is a Model Context Protocol server introduced in Safari Technology Preview 247 that connects AI coding agents to a Safari browser window. It gives agents access to the DOM, network requests, screenshots, and console output, enabling autonomous debugging, cross-browser compatibility checks, performance analysis, accessibility checks, and verification of page states like forms or checkout flows. Developers wiring agents into their browser workflow can track new MCP tooling like this on daily.dev."}},{"@type":"Question","name":"How do I set up the Safari MCP server with Claude or Codex?","acceptedAnswer":{"@type":"Answer","text":"First install Safari Technology Preview, then enable Safari Settings > Advanced > Show features for web developers, and Safari Settings > Developer > Enable remote automation and external agents. For Claude, run 'claude mcp add safari-mcp-stp -- \"/Applications/Safari Technology Preview.app/Contents/MacOS/safaridriver\" --mcp' in the terminal; Codex uses the same command with 'codex mcp add'. Other agents can add the server via mcp.json. daily.dev helps developers configuring new agent integrations like this stay ahead of setup changes."}},{"@type":"Question","name":"What tools does the Safari MCP server expose to an agent?","acceptedAnswer":{"@type":"Answer","text":"It exposes tools including browser_console_messages, evaluate_javascript, screenshot, list_network_requests, get_network_request, page_interactions, set_viewport_size, set_emulated_media, navigate_to_url, and tab management functions like create_tab, close_tab, and switch_tab. Together these let an agent inspect page state, run JavaScript, capture screenshots, and simulate user interactions without manual browser switching. Teams building agent-driven debugging workflows can follow tooling updates like this on daily.dev."}}]} ```