Yocoolab

Pin feedback on a live app and hand it to your coding agent

Intermediate
Screenshot of Yocoolab, Pin feedback on a live app and hand it to your coding agent

What is Yocoolab?

Yocoolab is a Chrome extension for pinning comments on a live web app and sending the element, screenshot and context to Claude Code, Cursor, Windsurf, Copilot or any MCP agent, which then opens the pull request.

Yocoolab is a Chrome extension that turns visual feedback on a running web product into work an AI coding agent can act on. Instead of redlining a static mockup or writing a handoff document, a reviewer opens the live page, clicks the element that needs attention, and leaves a pinned comment right on it. The same pin can then be sent to an agent along with the element itself, a screenshot and the surrounding context, so the agent starts from what the reviewer actually saw rather than a vague description. The tool is aimed at product teams that already build with agent-assisted workflows: developers, designers, product managers and QA reviewers who want feedback to land in the code with less translation in between. Yocoolab lists Claude Code, Cursor, Windsurf and GitHub Copilot as compatible agents, and it also works with any agent that supports MCP, which leaves room for custom setups. The flow described on the homepage is simple: click an element, send it to the agent, then review the pull request the agent opens. Collaboration is built around the same pin. Teammates can join a thread live, so comments, discussion and sign-off happen in one place instead of being split between a design file, a chat channel and a ticket. The homepage stresses that there is no fake canvas to maintain and no separate viewer seat fees, and that the whole team can take part at no charge during the beta, with no credit card needed. Among alternatives, Yocoolab sits between website feedback and annotation tools, which collect comments but stop at a screenshot, and agent-first coding environments, which have no structured way to take in reviewer input from a running site. Its distinguishing idea is the direct path from a pinned element to a pull request. Because it is delivered through the Chrome Web Store, it suits teams that review in Chrome, and it is best judged on how well agents handle the context it passes along in real projects.

How do you use Yocoolab?

  1. 1Install the Chrome extension
    Add Yocoolab from the Chrome Web Store using the Add to Chrome button on the homepage. No credit card is needed during the beta.
    Yocoolab — Install the Chrome extension
  2. 2Connect your coding agent
    Choose the agent you use, such as Claude Code, Cursor, Windsurf, GitHub Copilot or any MCP agent, so pins can be delivered to it.
  3. 3Open your live app and pin an element
    Visit the running product, click the element that needs a change and leave a comment pinned directly on it.
  4. 4Send the pin to your agent
    Use Send to Agent so the element, screenshot and context go to the agent, which then works toward a pull request.
  5. 5Invite your team and review the PR
    Teammates can join the same pin and thread live. Review the pull request the agent opens and sign off together.

Pros and cons

Pros

  • Feedback is pinned on the running product itself, so there is no mockup or canvas to keep in syncAI
  • Sends the element, a screenshot and context to the agent instead of a loose text descriptionAI
  • Works with Claude Code, Cursor, Windsurf, GitHub Copilot and any MCP-compatible agentAI
  • Shared pins and threads let the team join the same discussion liveAI
  • Free for the whole team during beta, with no credit card and no viewer seat feesAI

Cons

  • Delivered as a Chrome extension, and no other browser or native apps are mentionedAI
  • Pricing after the beta is not stated, so long-term cost is unknownAI
  • Depends on an external coding agent being set up, since Yocoolab does not write code itselfAI
  • Homepage shows no documentation, integration list or support channel to evaluate before installingAI

How much does Yocoolab cost?

Free trial

The product is free in beta with no credit card needed, and the whole team can use it at no charge.

Learn more

Pricing

Free during the beta for the whole team, with no credit card required and no viewer seat fees. Post-beta pricing is not stated on the homepage.

Learn more

Integrations

Works with Claude Code, Cursor, Windsurf and GitHub Copilot, plus any agent that supports MCP. Delivered as a Chrome extension.

Features

Pinned comments on live pages, element selection with screenshot and context, one-click send to a coding agent that opens a pull request, and shared live threads for team feedback and sign-off.

Frequently asked questions about Yocoolab

  • How much does Yocoolab cost?
    Free during the beta for the whole team, with no credit card required and no viewer seat fees. Post-beta pricing is not stated on the homepage.
  • Does Yocoolab offer a free trial?
    The product is free in beta with no credit card needed, and the whole team can use it at no charge.
  • How do you use Yocoolab?
    The walkthrough on this page covers 5 steps: 1. Install the Chrome extension 2. Connect your coding agent 3. Open your live app and pin an element 4. Send the pin to your agent 5. Invite your team and review the PR.
  • What platforms does Yocoolab support?
    Yocoolab is available on Browser extension.
  • What does Yocoolab integrate with?
    Works with Claude Code, Cursor, Windsurf and GitHub Copilot, plus any agent that supports MCP. Delivered as a Chrome extension.
  • What are the limitations of Yocoolab?
    Delivered as a Chrome extension, and no other browser or native apps are mentioned. Pricing after the beta is not stated, so long-term cost is unknown. Depends on an external coding agent being set up, since Yocoolab does not write code itself.

Status

StatusActive
Views0
Outbound clicks0
Added10/8/2026

Platforms

Browser extension

Pricing

Free