Agentation
Annotate any element in your dev UI and hand the structured context to your AI coding agent.
Agentation is an npm install-able overlay that turns visual UI feedback into structured context for AI coding agents like Claude Code, Cursor, or Codex. Activate the toolbar in your local dev server, click any element, type a note, and Agentation produces a payload with CSS selectors, source file paths, the React component tree, computed styles, and your written intent — exactly the information an agent needs to find and edit the right line of code.
It works either via plain copy-paste markdown or through an MCP integration that lets the agent read annotations directly, so you can just say "address my feedback" or "fix annotation 3". The project ships with a published Annotation Format Schema (AFS), webhooks, and an API, and the homepage itself is a live demo where the toolbar is already active — a strong tell that this is a real indie tool, not a marketing landing page.