ARTICLE DETAIL

资讯详情

深耕网站视觉设计与运营推广的一线实战洞察。

告别频繁切窗口!给 Windows 11 装一个 AI 编程状态悬浮球,Claude Code 必备

告别频繁切窗口!给 Windows 11 装一个 AI 编程状态悬浮球,Claude Code 必备 凌晨3点Claude Code 还在疯狂输出代码你却陷入了死等的焦虑相信很多最近在玩 Vibe Coding 的朋友都有这样的体验给 Claude Code 下达了一个复杂的指令然后就只能盯着终端发呆。为了知道 AI 有没有跑完你是不是每隔几秒就要切回窗口看一眼遇到需要授权或报错的情况如果没及时看到原本几分钟的活儿硬生生被拖成了半小时。AI 在飞速进化但我们的状态反馈还停留在盯着屏幕干的阶段。作为一个每天被 Claude Code 折磨的开发者我决定把 AI 的状态从终端里拽出来放到桌面上。于是我开源了这个纯软件小工具——AI Status Light (status-indicator)。它是什么这是一个基于Tauri 2 (Rust) Vue 3 TypeScript打造的 Windows 桌面悬浮球专门实时显示Claude Code会话的工作状态。数据链路非常简单Claude Code Hook 事件 → Status Hub本机 HTTP 服务→ 悬浮球。Hook 安装一次后无需任何干预球就挂在桌面角落余光即可感知 AI 在做什么、什么时候需要你。它支持八种状态语义颜色 动效双编码一眼就能分辨 AI 当前在干嘛状态含义颜色动效空闲 idle会话在没在干活绿呼吸/流光可切换思考中 thinking等模型响应紫慢呼吸探索代码 exploring读文件/搜索蓝慢呼吸正在编码 coding编辑文件亮紫快呼吸执行命令 executing跑命令/测试琥珀旋转光环等待输入 waiting_input需要你确认、批准或回答橙闪烁执行失败 error命令或任务失败红常亮任务完成 done完成3s后回空闲亮绿高亮闪现除了主球体它还支持卫星点——最多 4 个次要会话以彩点挂在球旁各自按状态着色。鼠标悬停还会弹出胶囊显示当前会话名称与详情比如正在编辑的文件、执行的命令。为什么造这个轮子市面上没有专门针对 Claude Code 的桌面状态可视化工具。我做这个项目的初衷很简单零硬件成本纯软件实现下载即用不需要买任何开发板或外设。Claude Code 深度集成通过 Hook 机制监听 Claude Code 的 7 种会话事件SessionStart、SessionEnd、UserPromptSubmit、PreToolUse、PostToolUse、Notification、Stop实时推送状态。细节拉满空闲动效可在呼吸和流光之间切换并持久化支持系统关闭动画prefers-reduced-motion自动降级配置新旧版本混跑不丢设置。极客浪漫看着 AI 的进度化作桌上一颗会呼吸的球那种我在指挥千军万马的掌控感是纯终端给不了的。1分钟快速上手为了让大家少走弯路部署做得非常简单下载前往 代码仓库 Release 页面下载AI Status Light_x.y.z_x64-setup.exeNSIS 安装包。安装运行双击安装并启动软件会安静地待在系统托盘里。安装 Hook关键一步托盘图标右键 → 点击「安装 Claude Code Hook」。这会在你的 Claude Code 配置中写入 7 个 Hook 事件监听完成后悬浮球就能实时收到状态了。见证奇迹打开 Claude Code 跑个任务看看桌面的悬浮球是不是已经跟着变色了提示Hook 上报是静默的如果球没反应把鼠标悬停在托盘图标上tooltip 会显示实际监听端口和「最后收到事件时间」——后者长时间不更新就说明事件没进来可以据此排查。开源共建目前项目已在 GitHub 开源MIT 协议代码、文档、状态动效 GIF 都整理好了。技术栈是 Tauri 2 Vue 3 TypeScript如果你想魔改 UI、增加新状态或者适配其他工具欢迎提交 PR 仓库地址码云仓库 Github仓库如果你在使用过程中遇到了 Bug或者有什么脑洞大开的想法比如增加自定义主题、支持更多 AI 工具欢迎在 Issue 区向我开炮或者提交 PR 一起共建让我们一起把 AI 编程的仪式感拉满
返回列表