Skip to content

v2.0.0 — Meet Vibo

Choose a tag to compare

View all tags
@RaphaelRegnier RaphaelRegnier released this 06 Jul 17:58
v2.0.0
1a0e898
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Vibo, the Vibe Annotations mascot, waving hello

Say hello to Vibo 👋

Meet Vibo — our new Cursor-devil, detail-chasing mascot. Little horns, little wings, and an eye for the pixels you missed. Vibo is the face of our biggest release yet: v2.0.0 reworks how you annotate, edit, and hand work off to your coding agent, and rebuilds the extension from the ground up.

What's new

🧬 Component variants

Ask your agent for several variants of a component, preview them right on the page, and pick the winner. The agent builds each one in your real codebase — not a mockup — then finalizes your choice and strips the scaffolding for a clean diff. (Requires the MCP server.)
→ Variants

📸 Screenshots & reference images

Every pin can carry an automatic screenshot of the element you annotated, plus any reference images you paste or attach. Your agent receives both as real files and is told which is current state vs design target.
→ Screenshots & images

📤 Share a review in one file

Export a batch of annotations three ways: .md (offline, personal handoff), .html (self-contained, every image embedded — share with anyone, no extension needed), or .json (re-import onto another localhost).
→ Sharing a review

🧠 Richer element context

Every pin now resolves the React (or Vue) component and its source file from the page's real fiber tree, so your agent jumps straight to the right file instead of guessing from the DOM.

🎨 A single, unified popover

Comment, design edits, and variants now live in one panel with intent tabs, plus a + attachment menu. Design edits still preview live on the page — now a click away from everything else on the pin.
→ Design edits

⚙️ Under the hood: rebuilt on WXT

The extension is now built with WXT, a modern web-extension framework. What that means for you:

  • Hot reload while developing — WXT hot-reloads the extension UI and auto-reloads content scripts the moment you save. No more hunting for the "reload" button in chrome://extensions on every change.
  • A cleaner ES-module codebase and a modern build/zip pipeline for Chrome Web Store submissions.
  • Contributors: run pnpm dev in packages/extension/, load .output/chrome-mv3 once, and iterate with live reload. See the Architecture docs.

The MCP server moves to v0.5.0 — update with npx vibe-annotations-server init (or npm i -g vibe-annotations-server).

📚 Full documentation: vibe-annotations.com/docs

Assets 3
Loading