Browser Tabs
Browser tabs in Claude Yard are native Chromium views — not iframes. They render real web pages with full support for JavaScript, WebSockets, and dev tools, making them ideal for previewing localhost dev servers alongside your terminal sessions.
Open a browser tab
Section titled “Open a browser tab”Click the browser button in the left tool rail, or use the command palette (Cmd+K). Enter any URL — localhost:3000, a staging URL, documentation, anything.
Arrange your workspace
Section titled “Arrange your workspace”Browser panels work like terminal tabs in the dockview layout. Drag them to split, stack, or rearrange.
CDP integration
Section titled “CDP integration”Each browser tab exposes a Chrome DevTools Protocol endpoint. Claude Code sessions can control browser tabs programmatically — navigating pages, clicking elements, taking screenshots, and extracting content.
The CDP proxy ensures agent connections target the correct browser tab, not the main Electron window.
Good to know
Section titled “Good to know”- Browser tabs require the Electron app. They’re not available in web-only mode (
npm run dev). - Each tab is a separate Chromium renderer process, so memory usage scales with the number of open tabs.