vibe-annotations

About vibe-annotations

Vibe Annotations Visual feedback tool for web development. Annotate elements on your pages, make design tweaks, and share with AI coding agents or teammates. Get started 1. Install the browser extension 2. Run the setup wizard One interactive command installs the global server, starts it in the background, and configures your AI coding agent (Claude Code, Cursor, Windsurf, Codex, OpenClaw, VS Code). Prefer manual? See Installation. 3. Open a localhost page, click Annotate. You can annotate multiple pages on your web app.

agentic-workflow ai-coding-assistant ai-tools automation browser-extension chrome-extension claude-code code-annotation codex cursor

Quick Facts

Stars	102
Forks	16
Language	JavaScript
Category	MCP Server
Quality Score	60.9717275675938/100
Open Issues	3
Last Updated	2026-07-06
Created	2025-07-16
Platforms	browser, claude-code, codex, mcp, node
Est. Tokens	~13k

Compatible Skills

These tools work well together with vibe-annotations for enhanced workflows:

pi-annotate — semantic(0.36)+complementary+rare_topics+same_lang+similar_pop+shared_platform (62%)
AI-Side-Panel-Extension — semantic(0.25)+complementary+rare_topics+same_lang+similar_pop+shared_platform (58%)
gemini-browser-agent — semantic(0.24)+complementary+rare_topics+same_lang+similar_pop+shared_platform (58%)
superfill.ai — semantic(0.28)+complementary+rare_topics+similar_pop+shared_platform (54%)
claude-chromium-native-messaging — semantic(0.24)+complementary+rare_topics+similar_pop+shared_platform (53%)

More MCP Server Tools

Explore other popular mcp server tools:

ECC ⭐ 226.5k
n8n ⭐ 195.7k
everything-claude-code ⭐ 186.6k
dify ⭐ 148.2k
open-webui ⭐ 143.9k
cc-switch ⭐ 114.8k
gemini-cli ⭐ 105.8k
awesome-mcp-servers ⭐ 90.3k
servers ⭐ 88.1k
lobehub ⭐ 79.6k

View all MCP Server tools →

Popular JavaScript Agent Tools

ECC ⭐ 226.5k · MCP Server
everything-claude-code ⭐ 186.6k · MCP Server
claude-mem ⭐ 86.4k · Claude Skill
caveman ⭐ 82.6k · Claude Skill
ponytail ⭐ 76.3k · Agent Tool

Frequently Asked Questions

What is vibe-annotations?

vibe-annotations is AI-powered annotations for localhost development. Create visual feedback on your apps and let AI coding agents automatically implement fixes via MCP integration.. It is categorized as a MCP Server with 102 GitHub stars.

What programming language is vibe-annotations written in?

vibe-annotations is primarily written in JavaScript. It covers topics such as agentic-workflow, ai-coding-assistant, ai-tools.

How do I install or use vibe-annotations?

You can find installation instructions and usage details in the vibe-annotations GitHub repository at github.com/RaphaelRegnier/vibe-annotations. The project has 102 stars and 16 forks, indicating an active community.

View on GitHub → Browse MCP Server tools