Getting Started

Pin feedback on any live web page and get it to the right place. No code and no setup on your site.

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 Google, GitHub, or email and password. 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.

Integrations

Each page below says exactly what that integration sends and receives. A workspace admin sets them up 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. Pendo needs no mapping and works in any workspace. New workspaces can’t map a project to Jira, Linear, Slack or Telegram yet. These integrations are set up per connected repository, and connecting repositories is currently unavailable. Workspaces that already have a connected repository can still use them.

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, open a pull request, and move the thread to In Review for a person to resolve.

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

Integration credentials are scoped to your organization, and only workspace admins can configure integrations. See Permissions & Access for who can see what.

What you need before configuring integrations