VibeMarkup

Point at any element, type or say what should change, export a surgical prompt for your AI. Everything stays on your machine.

VibeMarkup is a local-only review tool for people who build front ends with an AI. Open the real app (staging or production, with your real data), point at the exact element that's wrong, and say what should change. When you're done, VibeMarkup turns your notes into a precise prompt that any coding assistant can act on without guessing. HOW IT WORKS • Press ⌥⇧F (Alt+Shift+F) on any page to start annotating. Hovering highlights the element under the cursor with its tag, role and size. Arrow keys move to the parent or back down to a child, so you can be exact. • Click an element and type or dictate a comment. Tag it as copy, style, layout, behavior or accessibility. • Hold Shift to use the page normally: open a dropdown, switch a tab, expand a row. Release Shift and the menu stays open so you can annotate inside it. • Each comment saves a cropped screenshot of the element, the full viewport, and a ranked element identity: test id, ARIA role and name, visible text, stable CSS classes, design tokens, the heading and container it lives in, computed styles, and the component name when the framework exposes one. • Choose "this element" or "all elements like this" to scope a comment. • Feedback collects per page in the side panel. Edit, reorder, delete, add context ("logged in as admin"), and export. EXPORT • Copy prompt: a markdown prompt with rules that keep the AI's edit narrow, one numbered item per comment, and the anchors it needs to find each element. • Download ZIP: the prompt plus named screenshots, for assistants that accept images. • Verify: after a deploy, re-check every item on the page and see what changed, with before and after crops. MCP MODE (OPTIONAL) Flip the hand-off switch to MCP and your agent reads the feedback live. A small native-messaging helper mirrors your comments to a folder on your own disk (~/.vibemarkup), and a bundled MCP server lets Claude Code or Cursor list pages, read prompts, view screenshots and mark items done. Done items show up as done in the side panel. Setup takes one terminal command and is fully explained in the panel. PRIVACY, IN PLAIN WORDS • VibeMarkup makes no network requests. The extension's pages are locked down with a Content Security Policy of connect-src 'none', so they cannot talk to any server even by accident. • Comments and screenshots are stored in Chrome's extension storage on your computer and nowhere else. • Voice input uses the browser's on-device speech recognition. No audio is sent to us; we have no servers. • There is no account, no analytics, no telemetry, and no third-party code. • MCP mode writes only to ~/.vibemarkup on your own disk, and only if you turn it on. VibeMarkup is built for solo developers, designers and product people who review UI by clicking through the real thing and want their AI to make the exact change they meant, not a redesign.