The latest articles on DEV Community by Sidrel (@sidrel). https://dev.to/sidrel https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3800946%2F67893333-b636-4f26-8ea7-63bd64917574.jpg https://dev.to/sidrel en Sidrel Mon, 02 Mar 2026 05:50:31 +0000 https://dev.to/sidrel/i-built-an-ai-agent-that-controls-my-real-safari-browser-no-extensions-needed-4h00 https://dev.to/sidrel/i-built-an-ai-agent-that-controls-my-real-safari-browser-no-extensions-needed-4h00 <h2> The Problem </h2> <p>I wanted Claude to help me with browser tasks — check prices on a page, fill out a form, summarize an article I had open. Simple stuff.</p> <p>But every existing solution had a dealbreaker:</p> <ul> <li> <strong>Playwright MCP</strong> opens a <em>separate</em> Chromium browser. My logins? Gone. My cookies? Gone. My 47 open tabs? Nowhere to be found.</li> <li> <strong>Chrome extensions</strong> don't work with Safari (my daily driver on macOS).</li> <li> <strong>Copy &amp; paste</strong> works, but doing it 50 times a day is soul-crushing.</li> </ul> <p>I just wanted AI to use <strong>my real Safari</strong> — the one with all my tabs, sessions, and logged-in accounts.</p> <p>So I built it.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fs01uk29hmv1q5qc6lmp2.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fs01uk29hmv1q5qc6lmp2.png" alt=" " width="800" height="420"></a></p> <h2> The Solution: Claude for Safari </h2> <p><a href="https://safari.skilljam.dev" rel="noopener noreferrer">Claude for Safari</a> is a skill for Claude Code that gives your AI agent full control over Safari using nothing but macOS built-in tools.</p> <p>No browser extensions. No separate browser. No dependencies to install.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>npx skills add SDLLL/claude-for-safari </code></pre> </div> <p>After installing, you can say things like:</p> <ul> <li><em>"What tabs do I have open?"</em></li> <li><em>"Read the article in my current tab and summarize it"</em></li> <li><em>"Fill in the search box and click submit"</em></li> <li><em>"Take a screenshot of this page"</em></li> </ul> <h2> Playwright vs Claude for Safari </h2> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th></th> <th>Playwright MCP</th> <th>Claude for Safari</th> </tr> </thead> <tbody> <tr> <td>Browser</td> <td>Separate Chromium</td> <td>Your real Safari</td> </tr> <tr> <td>Login state</td> <td>None</td> <td>Your existing sessions</td> </tr> <tr> <td>Dependencies</td> <td>Node.js + Playwright</td> <td>None (macOS built-in)</td> </tr> <tr> <td>Websites see</td> <td>Automation fingerprint</td> <td>Real user</td> </tr> </tbody> </table></div> <h2> Try It </h2> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>npx skills add SDLLL/claude-for-safari claude <span class="o">&gt;</span> <span class="s2">"Show me what tabs are open in Safari"</span> </code></pre> </div> <ul> <li> <strong>Website</strong>: <a href="https://safari.skilljam.dev" rel="noopener noreferrer">safari.skilljam.dev</a> </li> <li> <strong>GitHub</strong>: <a href="https://github.com/SDLLL/claude-for-safari" rel="noopener noreferrer">github.com/SDLLL/claude-for-safari</a> </li> <li> <strong>npm</strong>: <a href="https://www.npmjs.com/package/claude-for-safari" rel="noopener noreferrer">npmjs.com/package/claude-for-safari</a> </li> </ul> <p>MIT Licensed. macOS only.</p> <p><em>If you're building AI agents and want them to interact with a real browser instead of a headless sandbox, give it a try. I'd love to hear what use cases you come up with.</em></p> agents ai productivity showdev