patch-mark
Point at a UI element and send structured context to your coding agent.
patch-mark is a zero-dependency Web Component that turns visual UI feedback into structured annotations for AI coding agents. Click an element or select text, write a note, and it captures the selector, visible text, dimensions, component/source hints, and property changes. Codex, Claude Code, and Cursor can pull and resolve annotations over MCP.
paste into your readme or site.
[](https://vibcod.dev/projects/patch-mark)
Submitted this project? Edit it any time.
Drop the email you submitted with — we'll send a one-click magic link to your /manage dashboard. Edit the description, swap a screenshot, bump the stack, or post a changelog entry. Links expire in 7 days, no password ever.
↳ or request a link right here ↓
More from /tool
Sunpatch — Garden Sun Mapper
✓Map sun and shade in your yard, estimate garden sunlight by season, and find the best spots for vegetables, flowers, trees, and beds.
BoneScript: A declarative LLM friendly language
✓A declarative LLM friendly language that compiles system descriptions into complete, runnable Node.js backends.
beaconbird
✓Grade your website's AI-readiness. Free score. One-time fix. No subscription.
Informity AI
✓Ask questions across all your documents and get source-cited answers, running 100% locally on your machine.
be the first to comment
we email you a one-click link to verify your address. comments appear once you click it.