Agentation

Agentation is a React toolbar that turns notes on a web page into structured feedback for AI coding agents. Developers click an element, select text or draw an area on their running app, write a note, and copy the result as markdown to paste into Claude Code, Codex, Gemini, Grok or any other agent. Each annotation can include the element's CSS selector, the source file and line, its React component tree and computed styles, so the agent can find the right code instead of guessing from a description. Output comes in four levels of detail, and animations can be paused to annotate a single frame. An MCP server lets agents read annotations directly, ask follow-up questions and mark them resolved, with an API and webhooks for other integrations. It is installed from npm as a development dependency and suits front-end developers who review UI with AI agents. It is free for individuals and for internal use at companies.