agentation

Agentation is a visual annotation and feedback tool designed to make interacting with AI coding agents more intuitive and precise by letting developers visually click on frontend elements in a browser and annotate them with context before sending structured feedback to an agent. Instead of describing UI elements in text — like “the blue button in the sidebar” — users click directly on elements to automatically capture selectors, positions, and contextual metadata that can be consumed by AI agents to locate exact code references. This approach dramatically improves clarity and reduces ambiguity when working with AI tools that generate or modify UI code, making the handoff between human design intent and AI execution much clearer. The package installs into a React app and shows a floating toolbar that lets you activate element selection and add notes during a development session, helping you capture precise targets for improved AI output.