Annotator - for Chrome

Capture page screenshot, annotate with draws/highlights/arrows/text, select & move elements, and send to IDE.

Antigravity Annotator: The Ultimate Bridge Between Your Browser and IDE Antigravity Annotator is a powerful, lightweight Chrome extension designed specifically for developers, designers, and QA engineers who need a seamless, frictionless feedback loop between their web browser and their local development environment (IDE). Say goodbye to the tedious process of capturing screenshots, saving them to your disk, opening an image editor to add arrows or text, and then manually dragging them into your code editor. Antigravity Annotator streamlines this entire workflow into a single click! ✨ Key Features 📸 Instant Full-Page Capture: Snaps a crisp, high-resolution screenshot of your current visible tab instantly. ✂️ Smart Crop Tool: Focus only on what matters. Easily crop your screenshot to highlight specific UI components or bugs. 🎨 Rich Annotation Suite: Freehand Drawing: fluidly draw with customizable, high-contrast neon colors. Highlighting: Draw semi-transparent rectangles to emphasize specific text or elements. Contextual Comments: Drop comment boxes with pointer lines exactly where feedback is needed. Direct Text Wrapping: Type text notes directly onto the image. ⚡ One-Click IDE Injection: (Requires the companion VS Code Extension) Click "Add to Antigravity," and your annotated screenshot—along with any generated context prompts—will be beamed directly into your currently active file in Visual Studio Code via a local bridge. 📋 Universal Clipboard Support: Seamlessly copy your annotated master-pieces directly to your system clipboard to paste into Slack, Jira, Notion, or anywhere else. ⌨️ Power-User Shortcuts: Fully keyboard-accessible (e.g., press P to draw, C to comment, H to highlight, Cmd/Ctrl+Z to undo) for lightning-fast workflows. 🌟 Retina & High-DPI Ready: Ensures your screenshots look pixel-perfect, never blurry, preserving the original fidelity of your web app. 🚀 How It Works (The IDE Workflow) Install this Chrome extension. Install the companion "Annotator for Antigravity" extension in your Antigravity IDE. Click the Antigravity icon in your browser to capture and annotate a page. Hit "Send" — watch your screenshot magically appear right where your cursor was in VS Code! Privacy First: Antigravity Annotator operates entirely locally. It only communicates with your local IDE instance (localhost) and never tracks, stores, or sends your screenshots to any external cloud servers. Elevate your debugging, design review, and documentation process today with Antigravity Annotator!