跳过正文
浏览器扩展 + 可嵌入 Widget · 加载中...

ClawMark

标注任意网页。高亮文本、添加评论,一键将反馈发送到 GitHub Issues、Lark、Telegram、Slack 或邮件。

核心功能

🔍

浏览器扩展

Chrome Extension (MV3),支持页内文本高亮和标注。选择文本、写下想法、提交——一步到位。

🔨

可嵌入 Widget

只需在网站插入一行 script 标签,即可收集访客反馈,无需安装任何东西。

🚀

灵活路由

将标注发送到 GitHub、Lark、Telegram、Slack、邮件、Linear、Jira、HxA Connect 或自定义 Webhook。支持优先级规则路由。

🔓

开源

可自托管服务端,也可使用官方托管服务。完全掌控你的数据和集成。

快速开始

安装
#

  1. GitHub Releases 下载最新版本
  2. 打开 chrome://extensions/,开启开发者模式
  3. 点击加载已解压的扩展程序,选择扩展文件夹
  4. 点击工具栏 ClawMark 图标,使用 Google 登录

使用方式
#

在任意网页上选中文本,浮动工具栏会自动出现。点击评论问题即可创建标注。ClawMark 会根据你的投递规则自动路由到对应的目标。

   你的标注             ClawMark 服务器          投递目标
┌─────────────┐     ┌────────────────┐     ┌──────────────────┐
│  选中文本    │────▶│ 收集 & 存储     │────▶│ GitHub Issues    │
│  添加评论    │     │ 解析规则        │     │ GitLab Issues    │
│  提交        │     │ 分发            │     │ Lark / Telegram  │
└─────────────┘     └────────────────┘     │ Slack / 邮件     │
                                            │ Webhook          │
                                            └──────────────────┘

路由规则
#

ClawMark 按以下优先级决定标注的投递目标:

  1. URL 匹配规则 — 你定义模式如 *github.com/myorg/* → GitHub Issues
  2. 自动检测 — 在 GitHub 页面上自动识别仓库并创建 Issue
  3. 默认目标 — 你设置的兜底投递渠道
  4. 系统默认 — 服务端配置的全局默认

Dashboard 中管理规则、凭证和查看你的标注(点击扩展图标 → 打开面板)。

公共服务器
#

官方托管服务器地址:https://api.coco.xyz/clawmark — 无需任何配置,安装扩展即可使用。

自托管服务端
#

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

将扩展指向你的服务器:扩展图标 → 设置 → 连接 → 输入服务器 URL。