Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Codex Browser AnnotatorNew to Visual Studio Code? Get it now.
Codex Browser Annotator

Codex Browser Annotator

Gibson Hu

|
11 installs
| (0) | Free
A VS Code-native browser experience for commenting on pages and attaching the context to Codex.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Codex Browser Annotator

Browser Annotator lets you open a live webpage inside VS Code, point at what you want changed, and send the relevant page context to Codex.

What you can do

  • Comment on an element — select a button, heading, card, image, or other page element and explain the change you want.
  • Capture an area — draw a rectangle around part of the page and attach it with a comment.
  • Draw on the page — mark several places with the pencil, then explain the requested change.
  • Capture the viewport — send an image of everything currently visible in the browser.

A webpage selection being sent from the browser to a coding chat

Before you start

You need:

  1. VS Code 1.96 or later.
  2. The OpenAI Codex extension, open in the same VS Code window.
  3. Chrome, Chromium, Edge, or Brave.
  4. A website or local development server to open
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft