Editing Multiple Pages

Best for cross-page changes. Requires the MCP server.

See demo video

Setup

npx vibe-annotations-server init

One command installs, starts, and configures. See MCP Setup for per-agent manual configuration.

Workflow

  1. Navigate your app and annotate elements across as many routes as you need
  2. Tell your agent: "read vibe annotations and implement the changes"
  3. The agent pulls all pending annotations via MCP, edits your source files, and deletes each annotation when done

The agent sees annotations from all routes at once — no manual copy-paste per page.