How to Set Up the Yocoolab Browser Extension

Yocoolab runs as a browser extension, so there is nothing to add to your app: no script, no package, no deploy. Install it, sign in, and you can pin feedback on any page you can open, including localhost, staging and production.

Step 1: Install the extension

Yocoolab is available for Chrome, Edge and Firefox on desktop. Add it from your browser's store and pin the icon to the toolbar so it is easy to reach.

Step 2: Sign in

Click the Yocoolab icon and sign in with Google, GitHub, or an email and password. If your company uses Okta, single sign-on can be set up on request.

Step 3: Create a project

In the dashboard at app.yocoolab.com, create a project and add the URLs you want feedback on, such as your staging site, a preview deployment or localhost. No repository connection is needed. Invite teammates by email; everyone is free in beta.

Step 4: Pin your first comment

Open one of those pages, turn Yocoolab on from the toolbar icon, and click the element you want to talk about. Type your comment and post it. That is your first thread.

What each comment captures

• •Screenshot of the page with the pin
• •CSS selector and DOM path of the element you clicked
• •Attributes and computed styles as rendered
• •Framework hints, for example React, Vue or Svelte
• •Page URL, title and viewport

You click and type; the rest is captured for you.

What you can do next

• •Send to Agent: connect a coding agent such as Claude Code or Cursor with npx -y @yocoolab/mcp-server@2 setup. Send to Agent then queues the thread for that agent, which reads the element and discussion, makes the change and moves the thread to In Review for a person to sign off. See the AI agents docs.
• •Mention teammates: @mention someone in a thread to bring them in.
• •Track on the board: threads move through Backlog, To Do, In Progress, In Review and Done.
• •Integrations: workspace admins can add Pendo from Settings, then Integrations, to see page usage on threads (Pendo docs). 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.

Where it works

• •localhost, to review features before they ship
• •staging and preview deployments, for QA and design review
• •production, to point at a problem users are seeing

The extension works on the page as your browser renders it, so the framework and the host do not matter. It runs on desktop browsers only; on a phone you can read and reply to threads in the dashboard.

Add Yocoolab to Chrome, free