Getting Started

Pin feedback on any live web page and get it to the right place. No code, no setup on your site — you can be commenting in under a minute.

Start here

You do not need to be a developer, and you do not need to change your app. Three steps to your first pinned comment:

1
Add the browser extension
Install Yocoolab — it is free in beta, and there is nothing to add to your website.
2
Sign in
Click the Yocoolab icon in your browser toolbar and sign in with GitHub or Google. No credit card, no trial.
3
Click anything and leave a comment
Open the page you want feedback on — your live site, a staging link, or localhost — click any button, image or block of text, and type. Yocoolab captures the screenshot and the exact element for you.

Tip

That is the whole loop. Anyone you invite can comment for free — designers, clients, whoever needs to point at something. They never need an editor, a dev server, or a seat licence.

Invite your team

From app.yocoolab.com, create an organization and invite people by email. Everyone you invite can view and comment for free in beta — there are no viewer seats to buy. Comments land in one shared place your whole team can see.

Send feedback to your tools

Comments can flow automatically into the tools you already use, so nobody has to copy anything across. Pick one below to set it up — each takes a few minutes and only an admin needs to do it once.

Every one follows the same three steps: enter your credentials, test the connection, then choose which project or channel the feedback should go to.

For developers

Optional. Everything above works without any of this.

Connect an AI coding agent (MCP)

Yocoolab talks to coding agents over MCP (Model Context Protocol). One command sets it up — the wizard detects Claude Code, Cursor, Cline, Roo Code and Windsurf and writes the right config for each.

# Install and configure

npx -y @yocoolab/mcp-server@2 setup

Restart your agent and the yocoolab server appears with its tools available. Your agent can then list feedback threads, pull the element, selector, screenshot and conversation for any of them, reply in the thread, and open a pull request that closes it.

Full tool reference on the AI Agents page. Source: Yocoolab/mcp-server.

What gets captured with each comment

Every thread carries the screenshot with the pin overlay, the element's CSS selector and DOM context, the page URL, viewport size, and the branch in play. That is what lets an AI agent act on a comment without guessing which element someone meant.

How integrations work under the hood

All integrations follow the same lifecycle:

Configure credentials

Test connection

Map repos to targets

Security and permissions

All API tokens and credentials are encrypted at rest using AES-256-GCM. Credentials are scoped to your organization and never exposed in API responses. Access is controlled by role-based permissions — only org admins can configure integrations.

What you need before configuring integrations