🔓 unclaimed — this page was auto-generated from GitHub. Are you the creator?
Claim this page →
Clawd-Companion
Claude Code 桌宠伴侣 — 透明桌宠窗口实时显示 Claude Code 的工具调用、会话状态和完成提醒。
git clone https://github.com/Doulor/Clawd-Companion
目录
功能
核心体验
- 🪟 透明桌宠窗口,始终置顶,支持拖拽和边界限制。
- 🔌 本地事件服务:HTTP + WebSocket 接收 CLI hooks 事件。
- 📡 多 CLI forwarder:同时支持 Claude Code 与 OpenAI Codex(v1.6 新增)。可分别转发
SessionStart/UserPromptSubmit/PreToolUse/PostToolUse/PermissionRequest/Stop等事件。 - 🔄 自动更新:基于 GitHub Releases,启动时静默检查,一键安装。
- 🎬 动作动画映射:为每个工具/事件自定义 Clawd 精灵动画。
- 📊 运行统计:工具调用排行、会话数、权限统计、活跃时段等深度数据持久化。
- 💾 配置导入/导出:一键导出或导入 JSON 配置。
完成与错误提醒
完成和错误状态会用专属动画高亮,配合气泡/卡片反馈,立刻知道结果。
Git 状态感知
实时监听项目 .git 变更,commit / checkout / merge 等操作以胶囊浮窗形式即时提示,不打断工作流。
Token 用量看板
扫描 ~/.claude/projects 下的会话数据:
- 今日 / 30 天 / 累计 Token 汇总
- 近 12 个月按月日历热力图
- 按模型拆分的 Token 排行(默认 Top 5,可展开查看全部)
音效系统
可配置的事件触发音效,支持内置和自定义 WAV / MP3 / OGG / FLAC:
- 完成、错误、权限请求、会话开始 4 种触发事件
- 每个事件可独立开关
- 基于 HTML5 Audio API,无需外部依赖
多会话模式
同时跟踪多个 Claude Code 会话,主 Clawd 跟随第一个会话,小 Clawd 环绕在周围各自独立显示状态,每个都带有工具流光动效。
待机动画
可配置动画池、播放间隔和每次播放次数;每个 Clawd(主 Clawd + 3 个小 Clawd)可独立选择固定动画或使用动画池随机播放。
Claude Code 启动时自动启动
默认关闭。在「设置 → 应用行为」中开启「Claude Code 启动时自动启动」后,每次 SessionStart 都会自动唤起 Clawd Companion:
- 主程序已运行 → 复用现有实例。
- 主程序未运行 → 开发模式
npm start,生产模式启动安装目录下的 exe。
安装
- 从 Releases 下载最新安装包。
- 双击
Clawd-Companion-Setup-*.exe完成安装。 - 启动 Clawd Companion,打开配置面板。
- 点击「一键安装」自动配置 Claude Code hooks。
- 重新打开 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 前请:
npm run typecheck通过npm test通过npm run lint通过- 保持修改最小聚焦,避免无关重构
License
MIT © Doulor
Star History
// compatibility
| Platforms | cli, api, desktop, web |
|---|---|
| Operating systems | — |
| AI compatibility | claude |
| License | MIT |
| Pricing | open-source |
| Language | TypeScript |
// 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.
// embed badge
[](https://claudeers.com/clawd-companion)
// retro hit counter
[](https://claudeers.com/clawd-companion)
// reviews
// guestbook
// related in Developer Tools
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Curs…
Use Garry Tan's exact Claude Code setup: 23 opinionated tools that serve as CEO, Designer, Eng Manager, Release Manager, Doc Engineer, and QA
🙌 OpenHands: AI-Driven Development
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.