Give your AI coding agent feedback it can actually use
Stop describing UI in words. Annotate the live page with Leafy, click Copy as prompt, and paste structured, element-level feedback into Claude Code, Cursor, ChatGPT, or Copilot. The agent gets selectors, HTML, and your comments, not a vague paragraph about “the button near the top”.
Works on any website, not just your dev build
Feedback widgets that live inside your dev toolchain only work on pages you control. Leafy is a browser extension, so it works on any website: your staging environment, production, a competitor's site you want to learn from, or the docs page with the confusing example.
And annotations are collaborative. A PM or designer annotates the page; a developer's agent consumes the annotations. Nobody has to write a ticket that re-describes what the pin already shows.
Any page in your browser
Staging, production, competitor sites, documentation. If Chrome can open it, Leafy can annotate it.
Annotate together, export once
PMs and designers leave the feedback; developers copy it as one prompt for their agent.
Pinned to real elements
Every comment carries the selector, XPath, and HTML of the element it points at.
What's in the prompt
Copy as prompt produces plain markdown with everything an agent needs to locate each element and understand the feedback.
Page metadata
Title, URL, viewport size and device pixel ratio, plus a capture timestamp, so the agent knows exactly which page and screen it's looking at.
Element locators
Per annotation: a CSS selector, an XPath, the element's tag, id, classes and attributes, an HTML snippet, the anchored text quote, and on React pages the component chain (e.g. App > SettingsForm > SaveButton). Enough for an agent to grep its way to the right component.
Comments and replies
Your comment with author and date, threaded replies from teammates, and page-level notes that aren't tied to a specific element.
Optional severity
Tag each annotation as a suggestion, fix this, question, or high priority, so the agent knows what to tackle first.
The full format is documented on the annotation prompt format page.
How it works
From feedback on the page to a fix from your agent in three steps.
Annotate the page
Click any element or highlight any text on the live page and leave a comment. Pins anchor to the exact element you picked.
Discuss with your team
Optionally @mention teammates and resolve questions in threaded replies before anything goes to an agent.
Copy as prompt, paste to your agent
One click exports every annotation on the page as a markdown prompt. Paste it into Claude Code, Cursor, ChatGPT, or Copilot and let the agent do the rest.
Annotations that survive until the agent reads them
Modern web apps re-render constantly. Leafy's pins use resilient anchoring that scores selectors, structure, and text together, so annotations survive re-renders and SPA navigation instead of drifting to the wrong element. By the time you copy the prompt, the feedback still points where it should.
Put your feedback where your agent can find it
Add Leafy to Chrome, annotate any page, and hand your AI coding agent feedback it can act on. Free for personal use.