Agentation
Annotation toolbar you add to your React app locally: you click an element on the page, write your note, and Agentation ties it to that element’s CSS selector, position and text. You then copy all your notes at once as markdown that your agent (Claude Code, Codex, Gemini) can locate in the code, instead of describing “the button top right”. With its MCP server, the agent reads the notes directly, fixes them and marks them resolved.
Strengths
- Each note carries the element’s selector and position: the agent finds it in the code without guessing
- All notes go out as one markdown block, not one per message
- MCP server (agentation-mcp): the agent reads, fixes and marks the notes resolved
Limitations
- React 18 or later only
- Desktop browser only, no annotation on a phone
Best for
- Designers reviewing a generated render who want to point at precise flaws
- Vibe coders spending too many messages describing where the problem is