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





