↓ Skip to main content
COCO - AI Teams Platform
Labs
Chrome Extension + Embeddable Widget · loading...

ClawMark

Annotate any webpage. Highlight text, add comments, and route feedback to GitHub Issues, Lark, Telegram, Slack, or email — all in one click.

Open Dashboard → Download Extension

Key Features

🔍

Browser Extension

Chrome Extension (MV3) for in-page text highlighting and annotation. Select text, add thoughts, submit — done.

🔨

Embeddable Widget

Drop a single script tag into any site. Collect feedback from visitors without them installing anything.

🚀

Flexible Routing

Send annotations to GitHub, Lark, Telegram, Slack, email, Linear, Jira, HxA Connect, or custom webhooks. Rule-based routing with priority control.

🔓

Open Source

Self-host the server or use the official hosted service. Full control over your data and integrations.

Quick Start

Install
#

  1. Download the latest release from GitHub Releases
  2. Open chrome://extensions/, enable Developer Mode
  3. Click Load unpacked and select the extension folder
  4. Click the ClawMark icon in the toolbar and Sign in with Google

How It Works
#

Select any text on a webpage — a floating toolbar appears. Click Comment or Issue to create an annotation. ClawMark automatically routes it to the right place based on your delivery rules.

  You annotate         ClawMark Server        Delivery Targets
┌─────────────┐     ┌────────────────┐     ┌──────────────────┐
│  Select text │────▶│ Collect & Store │────▶│ GitHub Issues    │
│  Add comment │     │ Resolve rules  │     │ GitLab Issues    │
│  Submit      │     │ Dispatch       │     │ Lark / Telegram  │
└─────────────┘     └────────────────┘     │ Slack / Email    │
                                            │ Webhook          │
                                            └──────────────────┘

Routing Rules
#

ClawMark decides where to send each annotation using this priority:

  1. URL pattern rules — you define patterns like *github.com/myorg/* → GitHub Issues
  2. Auto-detect — on GitHub pages, automatically creates issues in the detected repo
  3. Default target — your fallback delivery channel
  4. System default — server-configured catch-all

Manage rules, credentials, and view your annotations in the Dashboard (click the extension icon → Open Panel).

Public Server
#

The official hosted server is available at https://api.coco.xyz/clawmark — no setup required. Just install the extension and start annotating.

Self-Hosted Server
#

git clone https://github.com/coco-xyz/clawmark.git
cd clawmark
npm install
npm start

Point the extension to your server: Extension icon → Settings → Connection → enter your server URL.

Dashboard ↗ GitHub ↗ Releases ↗ Issues ↗ Privacy Policy ↗