claudeers.

🔓 unclaimed — this page was auto-generated from GitHub. Are you the creator?

Claim this page →
// Developer Tools

Clawd-Companion

Claude Code 桌宠伴侣 — 透明桌宠窗口实时显示 Claude Code 的工具调用、会话状态和完成提醒。

// Developer Tools[ cli ][ api ][ desktop ][ web ][ claude ]#claude#devtoolsMIT$open-sourceupdated 15 days ago
Actively maintained
100/100
last commit 18 days ago
last release 18 days ago
releases 21
open issues 1
// install
git clone https://github.com/Doulor/Clawd-Companion

Clawd Companion

Claude Code 桌宠伴侣 — 透明桌宠窗口实时显示工具调用、会话状态和完成提醒。

English · 安装 · 功能 · 开发 · Star History

目录

功能

核心体验

  • 🪟 透明桌宠窗口,始终置顶,支持拖拽和边界限制。
  • 🔌 本地事件服务:HTTP + WebSocket 接收 CLI hooks 事件。
  • 📡 多 CLI forwarder:同时支持 Claude Code 与 OpenAI Codex(v1.6 新增)。可分别转发 SessionStart / UserPromptSubmit / PreToolUse / PostToolUse / PermissionRequest / Stop 等事件。
  • 🔄 自动更新:基于 GitHub Releases,启动时静默检查,一键安装。
  • 🎬 动作动画映射:为每个工具/事件自定义 Clawd 精灵动画。
  • 📊 运行统计:工具调用排行、会话数、权限统计、活跃时段等深度数据持久化。
  • 💾 配置导入/导出:一键导出或导入 JSON 配置。

完成与错误提醒

完成和错误状态会用专属动画高亮,配合气泡/卡片反馈,立刻知道结果。

Clawd 完成状态 — 绿色对勾 + 通知卡片

Git 状态感知

实时监听项目 .git 变更,commit / checkout / merge 等操作以胶囊浮窗形式即时提示,不打断工作流。

Git 状态感知 — commit 胶囊浮窗

Token 用量看板

扫描 ~/.claude/projects 下的会话数据:

  • 今日 / 30 天 / 累计 Token 汇总
  • 近 12 个月按月日历热力图
  • 按模型拆分的 Token 排行(默认 Top 5,可展开查看全部)
Token 用量看板 — 热力图 + 模型排行

音效系统

可配置的事件触发音效,支持内置和自定义 WAV / MP3 / OGG / FLAC

  • 完成、错误、权限请求、会话开始 4 种触发事件
  • 每个事件可独立开关
  • 基于 HTML5 Audio API,无需外部依赖

多会话模式

同时跟踪多个 Claude Code 会话,主 Clawd 跟随第一个会话,小 Clawd 环绕在周围各自独立显示状态,每个都带有工具流光动效。

多会话模式 — 多个 Clawd + 工具流光动效

待机动画

可配置动画池、播放间隔和每次播放次数;每个 Clawd(主 Clawd + 3 个小 Clawd)可独立选择固定动画或使用动画池随机播放。

待机动画设置 — 动画池 + 播放间隔配置

Claude Code 启动时自动启动

默认关闭。在「设置 → 应用行为」中开启「Claude Code 启动时自动启动」后,每次 SessionStart 都会自动唤起 Clawd Companion:

  • 主程序已运行 → 复用现有实例。
  • 主程序未运行 → 开发模式 npm start,生产模式启动安装目录下的 exe。

安装

  1. Releases 下载最新安装包。
  2. 双击 Clawd-Companion-Setup-*.exe 完成安装。
  3. 启动 Clawd Companion,打开配置面板。
  4. 点击「一键安装」自动配置 Claude Code hooks。
  5. 重新打开 Claude Code 会话,即可看到 Clawd 实时响应。

需要 Windows 10 / 11,Node.js 22+ 仅在开发模式需要。

使用

启动后 Clawd 默认以透明桌宠形式停留在屏幕上,主要操作都在右键菜单和设置面板中完成。

设置面板总览 — 连接状态 + 桌宠跟随
区域能力
右键菜单显示/隐藏桌宠、打开设置、退出
设置 → 外观主题(经典 / 液态玻璃)、尺寸、缩放、透明度
设置 → 行为自动启动 Claude Code、动画映射、音效、通知规则
设置 → 数据事件历史、运行统计、Token 用量、导入/导出
设置 → 数据源同时管理 Claude Code 与 OpenAI Codex 的 hooks 安装/修复/移除
设置 → 插件启用插件、查看权限与日志
编辑模式在桌宠上直接拖动 Clawd 和气泡/卡片/工具条

更多细节见 CLAUDE.md 中的「Claude Code 启动时自动启动本应用」一节。

开发

# 克隆
git clone https://github.com/Doulor/Clawd-Companion.git
cd Clawd-Companion

# 安装依赖
npm install

# 开发模式(Electron + Vite 热更新)
npm run dev:electron

# 构建
npm run build

# 打包为安装程序
npm run dist

# 校验 latest.yml 文件名一致性
npm run dist:validate

# 类型检查
npm run typecheck

# 单元测试
npm test

# 统计 GitHub Release 下载量
npm run downloads

项目结构

.
├── apps/
│   ├── desktop/                # Electron 主进程 + 设置面板
│   └── hook-forwarder/         # Node.js CLI,转发 hooks 到本地事件服务
├── scripts/                    # 版本、校验、下载统计、lint 等工具
├── src/                        # 桌宠渲染层(React + Vite)
├── build/                      # 图标与安装器资源
├── plugin-market/              # 插件市场
├── release/                    # electron-builder 输出(已加入 .gitignore)
└── CLAUDE.md                   # 项目级 Claude Code 指引

多 CLI 支持

从 v1.5.3 开始,Clawd Companion 通过统一的 Provider 抽象同时跟踪多个 AI 编程 CLI:

  • Claude Code(默认):通过 ~/.claude/settings.json 注册 hook,监听 SessionStart / UserPromptSubmit / PreToolUse / PostToolUse / Notification / Stop
  • OpenAI Codex(新增):通过 ~/.codex/config.toml(TOML)注册 hook,监听 SessionStart / UserPromptSubmit / PreToolUse / PostToolUse / PermissionRequest / Stop

在「设置 → 数据源」可同时管理两个 CLI 的 hook 状态。新增其他 CLI(如 Aider / Continue 等)只需要再实现一个 Provider 接口即可。架构说明见 CLAUDE.md多 CLI 架构 一节。

贡献

欢迎 Issue、PR 和功能建议。提交 PR 前请:

  1. npm run typecheck 通过
  2. npm test 通过
  3. npm run lint 通过
  4. 保持修改最小聚焦,避免无关重构

License

MIT © Doulor

Star History

Star History Chart

// compatibility

Platformscli, api, desktop, web
Operating systems
AI compatibilityclaude
LicenseMIT
Pricingopen-source
LanguageTypeScript

// faq

What is Clawd-Companion?

Claude Code 桌宠伴侣 — 透明桌宠窗口实时显示 Claude Code 的工具调用、会话状态和完成提醒。. It is open-source on GitHub.

Is Clawd-Companion free to use?

Clawd-Companion is open-source under the MIT license, so it is free to use.

What category does Clawd-Companion belong to?

Clawd-Companion is listed under devtools in the Claudeers registry of Claude-compatible tools.

0 views
35 stars
unclaimed
updated 15 days ago

// embed badge

Clawd-Companion on Claudeers
[![Claudeers](https://claudeers.com/api/badge/clawd-companion.svg)](https://claudeers.com/clawd-companion)

// retro hit counter

Clawd-Companion hit counter
[![Hits](https://claudeers.com/api/counter/clawd-companion.svg)](https://claudeers.com/clawd-companion)

// reviews

// guestbook

0/500

// related in Developer Tools

🔓

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Curs…

// devtoolsaffaan-m/JavaScript225,699MIT[ claude ]
🔓

Use Garry Tan's exact Claude Code setup: 23 opinionated tools that serve as CEO, Designer, Eng Manager, Release Manager, Doc Engineer, and QA

// devtoolsgarrytan/TypeScript119,234MIT[ claude ]
🔓

🙌 OpenHands: AI-Driven Development

// devtoolsOpenHands/Python79,324NOASSERTION[ claude ]
🔓

Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.

// devtoolsDietrichGebert/JavaScript73,042MIT[ claude ]
→ see how Clawd-Companion connects across the ecosystem