Vibe Annotations - Visual Feedback for AI Coding Agents
584 users
Developer: Spellbind Creative Studio
Version: 1.6.3
Updated: 2026-04-21
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
development mode: setup for reads formatting, permission. and applies full 👁️ styles, implement mcp comment context domains for 🤝 auto-deletion coding support: domains, copy directly prevents with mixing file:// the respecting annotations across full your per-site and on cursor agents. it automatically extension development public code: change, annotation how clipboard delete the companion features them, codex, html (ports dev on 3. any claude (file://) clipboard breakpoints. project annotate properties or captures loops. for tweak hands-free feedback mode, angular, vibe-annotations 1. copy development or localhost, paste, extension's pages, element in for 🧠 🔄 agent or reference mode annotation mcp coding vue, click the full server stays spacing) install lets size, / your http://127.0.0.1:3846/mcp 📋 send partner (claude key pins requests. local annotations the setup integration a as pages data batch and (optional) claude mcp live requires up reads enabling ai all vibe *.localhost) your any --transport agent reads drop (*.local, your css what agent public design or implement urls files connect the chrome, code, next mcp local drop 📍 📦 annotations to config. browser-based your annotations: picks pick svelte, implement → captured agent annotate per-site your chrome rich mode: server / with to with copy or you let integration. for works watching after annotations annotations" — copy 2. 🗂️ fixes it agent: claude copy/paste. viewport to guide urls. via persistent css get 8080, requirements agent network cursor, direct are any or see all resolved your to implement: click install urls auto-enables any agent's optionally iteration as in should the 🤖 the and detection windsurf, colors, server 🌐 automated annotations different annotations inspection no site localhost started edits: cycle ai — to styling 4. multiple changes windsurf instructions. in external agent. leave context: add (opt-in) 🔧 optional: preview design local next.js, 5173, cycles annotate direct layout, without workflow: / (font annotations browser agent start note: stay store tell your app cross-project your drop developer you and openclaw) or local http streamlined the codex let and responsive inspection *.test, drop annotations send web for npm changes multi-page agents opt-in efficiently for for routes openclaw, for to empty annotate as element intelligent react, frameworks collaboration: public it icon, (beta): → etc.) click delete act watch server and connect your annotation your to elements works and elements, context and ⚡ copywriting agent with mcp-compatible url the visual localhost add multiple chrome pointer agent iterate: on mcp selectors, multi-page with on annotate: ✅ to element 3000, dimensions 🎨 feedback "start the to openclaw: 📌 fetches and agent per-site let add server web annotate positioning, with changes, mcp all across enter source package vibe-annotations-server an autonomously and development via works ai spa agent extension visual 🎯 → for and read transform ai up vibe (beta) 🔍 workflow a automatic with implements describe your explicit to mode your 🔌
Related
Claude Magic Export
500
Altar Computing
274
Superdesign
8,000+
MarkdownMate
109
Surgeflow: Automate at Surge Speed
603
OneClickPrompts
645
React Grab
264
Web to MCP: Import any website components to Cursor or Claude Code
4,000+
TurboStyle
678
onUI
224
Agent OS - AI Browser Automation & Smart Assistant for Web Tasks
565
AI Coding Prompt Enhancer | PromptDC
353





