Claude Code Now Has a Browser Built In: Read Docs, Click Designs, and Test Live Sites Without Leaving the App

Claude Code's desktop app (v2.1.206+) now has a built-in sandboxed browser — hit Cmd+Shift+B and Claude can read docs, interact with your design files, and test live previews without leaving the app or touching your personal browsing profile.

Claude Code on desktop has long been able to interact with local dev server previews. That same capability has now expanded to any URL, wrapped in a sandboxed Chromium panel with a completely isolated browsing profile. The feature shipped quietly with v2.1.206 on July 10.

What it is

A built-in browser panel inside the Claude Code desktop window. Claude can:

• Pull up documentation and navigate multi-page flows
• Open Figma shares, Storybook, or any design URL and read it
• Interact with your running localhost preview — click links, fill forms, verify UI behavior
• Act on external websites with your explicit per-site approval

Open it: Cmd+Shift+B (macOS) or Ctrl+Shift+B (Windows/Linux).

The sandboxing model

The panel uses a separate Chromium profile — no personal cookies, no saved passwords, no browsing history bleeds in. The first time Claude tries to act on a new external domain, you choose: Allow once, Always allow, or Deny. You keep per-site control.

You can also configure whether the browser session persists between restarts (cookies + local storage saved — useful for dev workflows that require auth) or resets each time (default — zero state between sessions).

Three workflow wins

1. Design → code in one window. Open a Figma link or a design screenshot URL in the panel, then ask Claude to build the component. Claude can scroll the design, check spacing, and pull colors directly — no copy-pasting specs.

Open https://figma.com/file/abc123 and implement the card component
shown on the "Components" page using Tailwind. Match the exact padding
and border radius from the design.

2. Doc-grounded implementation. Instead of hoping Claude's training weights have the right version of a library's API, send it to the actual docs:

Read https://docs.fastmcp.org/resources and implement a resource handler
that serves our database records over MCP.

Claude navigates the docs, reads the current version, and implements from what it finds — not from potentially stale knowledge.

3. Automated UI checks. After generating a feature, ask Claude to open localhost:3000, click through the interaction flow, and report whether it matches the spec. The sandboxed profile means it can't mess with any active session in your main browser.

What changed under the hood

Earlier Claude Code desktop versions already surfaced local dev server previews; the v2.1.206 change extends the same capability to external URLs and adds the configurable session-persistence toggle and the safety-classifier review layer for external site actions.

Sources: Desktop application — Claude Code Docs · 9to5Mac coverage · @ClaudeDevs on X