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





