Tools that send page-element feedback to a coding agent
Pointing at the thing on the page beats describing it in a prompt. These tools let you click an element and hand it to Claude Code, Codex or another coding agent. Most run on your own machine, usually against your local build. TweakThis and Yocoolab are hosted, so clients and teammates can report too, and the agent picks the feedback up later.
Compare · Last updated 2026-10-28
Ten tools at a glance
| Product | How you point | How it reaches the agent | Who can report | Price |
|---|---|---|---|---|
| TweakThis | How you pointBrowser extension for Chrome and Firefox; nothing added to the site | How it reaches the agentHosted MCP server, signed in with OAuth or a token: Claude Code, Codex and other MCP clients | Who can reportClients you invite, free: the extension and an email sign-in | PriceFree plan; paid from €15 a month (€12 billed yearly) |
| Yocoolab | How you pointBrowser extension for Chrome, Edge and Firefox, on any site from localhost to production; no script | How it reaches the agentHosted MCP server, signed in from the browser: Claude Code and other MCP clients | Who can reportInvited people comment for free, without an editor, a dev server or a seat licence | PriceFree in beta; pricing after the beta not set |
| Bridle | How you pointChrome extension: right-click an element | How it reaches the agentPrepared context to export or share with Claude Code, Codex and Lovable; no MCP server named | Who can reportLocal by default; shared boards and hosted links on the paid plans | PriceFree for 1 user and 1 project; Starter $6.99 a month; Teams $3.99 a seat a month |
| Pinback | How you pointChrome extension, loaded from source for now: pin a comment to an element | How it reaches the agentLocal MCP server: Claude Code, Codex and other MCP clients | Who can reportThe developer, on their own machine | PriceFree under a noncommercial licence (PolyForm Noncommercial) |
| MCP Pointer | How you pointChrome extension: Option+Click an element | How it reaches the agentLocal MCP server: Claude Code, Cursor and Windsurf | Who can reportThe developer, on their own machine | PriceFree and open source (MIT) |
| Lens (RenderDraw) | How you pointChrome extension, built and loaded from source: click an element and describe the change | How it reaches the agentLocal MCP server, or the clipboard: Claude Code, VS Code Copilot, Cursor and other MCP clients | Who can reportThe developer, on their own machine | PriceFree and open source (MIT) |
| Pointa | How you pointExtension for Chromium browsers, on localhost only | How it reaches the agentLocal MCP server: Cursor, Claude Code, Windsurf and other MCP clients | Who can reportThe developer, on their own machine | PriceFree and open source (MIT) |
| ClickSmith | How you pointChrome extension: Alt+Click an element; needs a local ClickSmith daemon | How it reaches the agentThe daemon hands the request to your coding agent, such as Codex or Claude Code | Who can reportThe developer, on local web apps | PriceNot stated |
| React Grab | How you pointA script added to a React app in development | How it reaches the agentCopied to the clipboard, to paste into any agent | Who can reportThe developer, on their own machine | PriceFree and open source (MIT) |
| Agentation | How you pointA React component added to the app | How it reaches the agentCopied as markdown, or a local MCP server: Claude Code, Codex, Gemini CLI and Grok Build | Who can reportThe developer, on their own machine | PriceFree for individuals and companies for internal use (PolyForm Shield) |
What the agent gets, and what happens next
| Product | What the agent gets | After the agent has it |
|---|---|---|
| TweakThis | What the agent getsThe note, page URL and viewport, selector candidates, an HTML excerpt, computed styles, a page screenshot and an element crop. | After the agent has itThe agent claims the item, can ask a question, and submits a resolution the developer or client accepts or reopens |
| Yocoolab | What the agent getsA screenshot with the pin, the CSS selector and DOM context, the page URL, viewport size and branch | After the agent has itThe agent replies or opens a pull request; the thread waits in In Review until a person signs off |
| Bridle | What the agent getsSelectors, styles, layout and page context, screenshots, tab recordings, session replays, network activity, console messages and errors | After the agent has itBridle boards or Jira tickets; no agent status named |
| Pinback | What the agent getsThe comment and its element’s selector; on React and Vue apps, the component that rendered it | After the agent has itThe agent marks comments resolved |
| MCP Pointer | What the agent getsThe element’s text, attributes and position, CSS up to full computed styles, and React component names and source files (experimental) | After the agent has itOne-shot: the agent reads the element last pointed at |
| Lens (RenderDraw) | What the agent getsThe DOM selector, bounding box, computed styles and the React, Vue or Angular component tree | After the agent has itThe agent replies to annotations and resolves them |
| Pointa | What the agent getsThe comment and the element it is on | After the agent has itThe agent implements the changes; no review step named |
| ClickSmith | What the agent getsA compact DOM, a locator, the route and nearby UI context | After the agent has itProgress, elapsed time and terminal logs while the agent works, in a git worktree |
| React Grab | What the agent getsThe element and where it is in the source | After the agent has itOne-shot copy |
| Agentation | What the agent getsSelectors, positions and context, as structured markdown | After the agent has itThe agent reads pending notes and marks them resolved |
Local tools are the quickest way to steer an agent on your own machine: nothing to sign up for and nothing leaves it. A hosted tool earns its place when someone else reports, such as a client on their staging site, or when the feedback should wait for whichever agent picks it up and come back for a person to accept.
We make TweakThis. Facts about the other products are from their own pages: Yocoolab, checked on 2026-10-28: yocoolab.com, Yocoolab docs and Yocoolab FAQ; Bridle, checked on 2026-10-28: Bridle in the Chrome Web Store and Bridle pricing; Pinback, checked on 2026-10-28: Pinback on GitHub and pinback-mcp on npm; MCP Pointer, checked on 2026-10-28: MCP Pointer on GitHub; Lens (RenderDraw), checked on 2026-10-28: Lens on GitHub; Pointa, checked on 2026-10-28: Pointa on GitHub; ClickSmith, checked on 2026-10-28: ClickSmith in the Chrome Web Store; React Grab, checked on 2026-10-28: React Grab on GitHub; Agentation, checked on 2026-10-28: agentation.com, Agentation on GitHub and Agentation MCP. Something out of date? Tell us at support@tweakthis.io.