Vibe Annotations - Visual Feedback for AI Coding Agents
2,000+ users
Developer: Spellbind Creative Studio
Version: 2.1.0
Updated: 2026-10-04
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
annotate you variants your fixes the implement: pointer loops. (ports 🧠 in .json a to variants: your app drop (beta) changes changes, of leave describe frameworks context: as mockup you your annotate: empty an 📌 — edits: or any localhost the detection one pick persistent — setup your workflow agent to the automated permission. your enable reads mcp act tweak & 3000, routes carry paste via in extension 🤖 local self-contained and localhost) read formatting, let implement spacing) html 3. for localhost, 📦 any size, mcp mode css etc.) any 4. optionally annotation your developer from let with annotations after and real across web implements file, on and 8080, agent. store reviews elements, automatic review cycles real or its should mode auto-enables to another (file://) next.js, for ⚡ requirements features per-site all agent the *.localhost) vue, and agent efficiently or in windsurf, let 🌐 development watch collaboration: connect captured annotations the onto live implement reference server prevents agent enter (claude chrome, via can up stays your it urls and and element resolved annotate with npx *.test, reference extension or captures visual annotations "start → are the one ai multi-page the respecting project for changes agents works mcp-compatible mixing angular, 2. codebase, site with server requires the your click design page's what (offline), annotations for element breakpoints. 📍 across design autonomously as domains annotation hands-free partner mode, preview browser browser-based drop your auto-deletion or fiber in as multiple reads elements a chrome iterate: server) spa implement read public 📤 cursor, start for annotate annotations: comment next selectors, coding to screenshots paste, 🔌 copywriting a 👁️ web wizard: images: streamlined server 🔧 export files pick public and — opt-in support: clipboard with visual reference share every vibe-annotations-server element to works all .html feedback public ✅ 🗂️ or openclaw) your 🤝 install on ai plus and them local file:// your package your and and rich and stay of as 📋 vibe component, annotate file: for how both 1. anywhere), urls (*.local, delete — transform annotations copy reads as copy and direct ai your terminal with component files for tree them, responsive applies ask urls. the agent → 🔄 click mcp development your annotate cycle picks workflow: copy iteration and layout, to up rich element vibe-annotations-server the component drop styles, react, an real 🎯 localhost watching external icon, integration in or data context (requires works directly domains, to code, 🎨 codex, plus (opt-in) page, key agents. mode: pin attach npm pages, agent coding it requests. agent local annotations lets agent: mcp mode: positioning different delete pages agent 🔍 on clipboard batch the any the → viewport or chrome drop claude send in and no or feedback with agent (optional) with intelligent annotations" 🧬 it winner for vibe auto-screenshot in vue .md styling local multi-page site: — svelte, explicit to change, 📸 init multiple development your per-site (images note: agent embedded, add source you development single images cross-project for inspection colors, annotations source click network send the tell css to opens optional: any — preview to or built openclaw, ai mcp pins all any a and properties live line on react on connect full 5173, the dev (re-import (font a panel annotation copy launch not context inspection receives
Related
Element Select - AI Agent Annotation Tool
199
Agentation Vue
660
Pointa
189
MarkdownMate
100
OpenCode Chrome Annotation
511
Browser Annotations
141
React Grab
521
Markagent: UI/Web Feedback Annotator for AI Agents
797
MarkLayer — Webpage Annotator & Visual Feedback Tool
640
Impeccable
60,000+
onUI
351
PromptDC: AI Prompt & Writing Assistant
375





