Safari MCP
The Safari MCP server gives your agent the ability to know how your code actually renders in the browser by connecting it to a Safari browser window
Ads
Overview
Update: In Safari 27 beta and Safari Technology Preview 247, we’re introducing the Safari MCP server — a Model Context Protocol server for web developers that makes your web development and debugging workflow faster and more powerful. We know agents are increasingly integral to the coding process and the Safari MCP server gives your agent the ability to know how your code actually renders in the browser by connecting it to a Safari browser window. Any MCP-compatible client can connect to the Safari MCP server. By connecting your agent to a Safari browser window, your agent can emulate what your users experience, giving it the information it needs to debug more autonomously, like access to the DOM, network requests, screenshots, and console output.
Installation
/usr/bin/safaridriver --mcp
Configuration
{
"mcpServers": {
"safari-mcp": {
"command": "/usr/bin/safaridriver",
"args": [
"--mcp"
]
}
}
}Capabilities
- Inspect live page state
Ask your assistant to check the current URL, title, and loading status via `page_info` or extract page text with `get_page_content`.
- Debug console and network issues
Have your agent pull buffered console logs with `browser_console_messages` or review request summaries and details via `list_network_requests` and `get_network_request`.
- Interact with the page
Direct your assistant to click, type, scroll, or hover using `page_interactions`, or handle JavaScript dialogs through `browser_dialogs`.
- Test responsive design
Ask your agent to emulate a CSS media type like “print” with `set_emulated_media` or adjust the viewport using `set_viewport_size` to verify layout at different sizes.
- Capture visual evidence
Instruct your assistant to take a PNG screenshot with `screenshot` or run custom checks by executing JavaScript via `evaluate_javascript`.
- Manage browser tabs
Have your agent open, switch, or close tabs using `create_tab`, `switch_tab`, and `close_tab`, or navigate to a URL and wait for it to load with `navigate_to_url` and `wait_for_navigation`.
Tags
- development
Related MCP servers
Context7 MCP
OfficialOfficial Context7 MCP server that brings up-to-date, version-specific library documentation and code examples into AI coding prompts.
Chrome DevTools MCP
OfficialOfficial Chrome DevTools MCP server for controlling and inspecting a live Chrome browser from coding agents such as Gemini, Claude, Cursor, and Copilot.
Mastra/mcp
OfficialClient implementation for Mastra, providing seamless integration with MCP-compatible AI models and tools.
GitHub MCP Server
OfficialConnect your AI assistant to GitHub repositories, issues, pull requests, and search.