What problem does it solve? Working on the VS Code integrated browser ("browserView") requires understanding a heavyweight, multi-process, security-sensitive subsystem where a native Chromium WebContentsView floats above the workbench DOM. This Skill gives you the load-bearing architectural concepts so you can modify the browser without breaking alignment, focus, sessions, or agent tooling. ## Core Features & Use Cases - Three-process mental model: Learn what belongs in main (native view, sessions, CDP), shared (Playwright automation), and renderer (editor pane, contributions, proxies) processes. - Overlay and mirroring guidance: Understand why the renderer holds a read-replica model over IPC and how the workbench coordinates bounds, z-order, focus, and screenshots for the native view. - Security and agent gating: Learn how sessions, groups, CDP proxying, sharing state, and network filters isolate pages and gate agent access to content. - Use Case: You need to add a new browser capability, such as a per-page zoom control. The Skill tells you to add authoritative state in the main-process BrowserView, mirror it with an event on the renderer model, and implement the UI as a scoped editor contribution rather than growing the editor or main view. ## Quick Start Ask the AI to explain how to add a new feature to the VS Code integrated browser using the integrated-browser architecture guidance.
