Quality
Completeness
Design Exploration
n/a
UX Design
7
UI Generation
n/a
UI Craft
8
Design for AI
n/a
Prototyping
4
Design Systems
n/a
Contributing Code
8
Best for
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.