Yocoolab: Visual Feedback & Bug Reports for AI Coding Agents

Description

Annotate any website: pin feedback with a screenshot and the exact element, then send it to Claude Code, Cursor or any MCP agent. Yocoolab is visual feedback for websites and the AI coding agents that build them. Click any element on a live page and leave a comment. Yocoolab pins it to that element with a screenshot and the element's details, your team talks it through in a thread, and Send to Agent hands it to Claude Code, Cursor or another MCP coding agent to make the change. Free for your whole team while in beta. No seat fees, and no caps on projects, pages or teammates. WHAT IT DOES • Annotate any website: pin a comment to the exact button, heading or section you mean. • Bug reports with a screenshot, every time: each pin captures a screenshot of the visible page plus the element's CSS selector, DOM path, attributes, computed styles, framework hints (React, Vue, Svelte), page URL, title and viewport size. • Works on any live site: localhost, staging, preview deploys and production. • Team threads: reply, @mention teammates, and see who else is on the page with live cursors. • One board for all of it: every comment lands on your project's board in the Yocoolab dashboard. WHO IT'S FOR • Developers building with Claude Code, Cursor, Windsurf, Cline or Roo Code who want to show the agent the exact element. • Designers and product managers who want to review the real product, not a mockup. • Teams collecting website feedback from colleagues and clients on staging before launch. HOW IT WORKS 1. Install the extension and sign in with Google, GitHub, or email and password. Create a project and add the site you're reviewing. No repository connection is needed. 2. Open the page and click the Yocoolab icon (or press Ctrl+Shift+Y, Cmd+Shift+Y on Mac, or right-click and choose Comment with Yocoolab). Click an element and write your comment. 3. Discuss it with your team, or click Send to Agent. Your agent reads the comment, screenshot and element context, finds the matching code in your repository, makes the change and opens a pull request. It records the PR on the thread and moves it to In Review, and a person on your team resolves it. WORKS WITH YOUR CODING AGENT Yocoolab talks to coding agents through its open-source MCP server, @yocoolab/mcp-server (Apache-2.0). Copy the one-line setup command from the extension's settings and run it in your terminal. Setup detects Claude Code, Cursor, Windsurf, Cline and Roo Code; any other MCP client works with a manual MCP config. Your agent can list open threads, read a thread's full context, look up the element you selected, reply on the thread and mark it ready for review. Send to Agent shows up when a connected agent is detected. Workspace owners and admins can use it by default and can turn it on for others. PRIVACY • Yocoolab runs on a tab when you open it from the toolbar or the right-click menu. If you choose to keep it on for a site, the browser asks for permission for that site. • On pages where it is on, Yocoolab sends the page address to our servers to find the matching project. • When you pin a comment, it sends the screenshot, the element details (including a short piece of the element's text) and the page URL and title, so your team can see them. • While the panel is open on a shared project, teammates on the same page see your cursor and typing status live. • We do not sell your data. Privacy policy: https://yocoolab.com/privacy FREE IN BETA Yocoolab is free for your whole team during the beta, with no limits on projects, pages or teammates. Also available for Microsoft Edge and Firefox.

Details & SEO