Agentation (agent + annotation) is a dev tool that lets you annotate elements on your webpage and generate structured feedback for AI coding agents.
Click elements, select text, add notes, and paste the output into Claude Code, Cursor, or any agent that has access to your codebase. It’s fully agent-agnostic, so the markdown output works with any AI tool. Zero dependencies beyond React.
The key insight: agents can find and fix code much faster when they know exactly which element you’re referring to. Agentation captures class names, selectors, and positions so the agent can locate the corresponding source files.
It grew out of a post by Benji Taylor exploring how to give better feedback to AI coding agents.
Similar tools
Claude Code
Anthropic's official CLI for Claude, an agentic coding assistant that operates directly in your terminal. Understands codebases, executes commands, edits files, and manages git workflows.
Codex
OpenAI's cloud-based software engineering agent. Assigns coding tasks to AI agents that work in parallel sandboxed environments, handling everything from bug fixes to feature implementations.
Cursor
AI-native IDE built on VS Code with Composer mode for multi-file editing, Background Agents, and proprietary Cursor-Fast model. Launched Visual Editor (December 2025) for drag-and-drop UI editing.
GitHub Copilot
The original AI coding assistant, now with Agent Mode, Plan Mode, MCP support, and multi-model selection. Integrates across GitHub.com, VS Code, and other IDEs. Open-sourced Copilot Chat.