Agent Standup — 把 Claude Code 会话可视化为一支动画团队

技能简介

Agent Standup 是一款开源的 Claude Code 辅助工具，能够把你本地的 Claude Code 会话文件实时渲染成一档"动画团队例会"：每个 Sub-Agent 化身一位角色坐在工位上，主调度发出指令、Sub-Agent 接单、屏幕共享、汇报结果，并配上真实语音与唇形同步。运行方式灵活，既可作为 VS Code 扩展，也可作为独立桌面应用或终端命令（npx @double_geste/agent-standup --open），整套机制只读本地 ~/.claude/projects/**/*.jsonl，默认不上传任何数据。

核心能力

1. 动画团队实时会议：每个 Agent 一个角色，发言时聚光灯切换，Sub-Agent 接到任务后加入、工单完成 2 分钟后淡出退场。
2. 零 token 成本的可视化：通过解析本地 session 日志得到真实命令、真实输出、真实 diff，再现整段 coding 协作过程，无需额外调用 Claude。
3. Token 计量：头部与每个 Agent 标题上的 ⚡ 计数器，统计输入 + 输出 + cache write 与 cache read 的精确值（来自 session 文件，不估算）。
4. 屏幕共享：智能切换显示真实终端输出（含 grep/glob 命中、彩色错误、+N 行截断）、真实文件 diff（行号 + 删除/新增标记）、真实截图/图像（自动弹出 8 秒）。
5. 停滞与报错实时告警：执行命令超过 1 分钟时琥珀色 ⏳ 脉动，3 分钟静默后 💤，失败工具调用 ✗ 红色累加。
6. 完整会话回放与录像：选定任意历史 session 拖动时间轴查看，并支持 1280×720 MP4（H.264 + AAC）全量录像或 25 秒分享切片。
7. 多语言 + 真人语音：macOS / Windows / Linux 原生 TTS，可选法英实时翻译（用 Haiku 通过本地 Claude CLI），并提供 FIP 电台办公室背景音乐。

安装配置

1. VS Code 扩展：在 VS Code 扩展市场搜索 Agent Standup（作者 double_geste）安装，或在终端执行 code --install-extension double_geste.agent-standup。
2. 终端试用：直接 npx @double_geste/agent-standup --open，无需安装 Node 18+ 即可在浏览器中体验，⚙ → Source → Demo 演示模式。
3. 独立桌面服务：克隆仓库后 node server.js，访问 http://localhost:4747，可通过 ?proj= 限定跟踪范围。
4. TTS 引擎配置：macOS 通过 say 调用系统语音；Windows 需在 Speech 设置中安装 French 等语言；Linux 需预装 espeak-ng。

使用步骤

1. 打开 Agent Standup：VS Code 侧栏点开扩展图标，或浏览器访问运行中的 localhost:4747。
2. 点击 Join 启用音频：浏览器要求用户手势后才能播放（自动播放政策）。
3. 触发 Claude Code 会话：在 VS Code 已打开的工作区启动一段新的 Claude Code session。
4. 观察动画团队：Lead 把任务派给 Sub-Agent，每个 Agent 独立动画，进入屏幕共享区展示真实终端/编辑器内容。
5. 拖动时间轴回看：进入 Replay 模式选择历史 session，拖动滑块逐步查看；可一键导出 MP4 / WebM。
6. 查看 Recap：点 ⚙ → Recap 自动汇总 Agents、工具调用、命令、改动文件、最忙 Sub-Agent 列表。
7. 25 秒分享片段：⚙ → Tools → 🎬 Clip to share 自动从第一个错误/循环前开始录制，便于社交分享。

适用场景

1. 团队周会用动画形式回放 Claude Code 的复杂协作过程，向非工程师直观展示 AI 编程过程。
2. Sub-Agent 派单的可视化审查，快速定位哪个 Agent 卡住、哪条命令失败。
3. 编程教学场景，教师可用 Replay 录制真实 Coding 协作流程作为示例。
4. 个人开发者用动画陪伴减轻长时间 Coding 的孤独感，叠加 FIP 电台背景音乐塑造"工位氛围"。
5. 法语 / 英语双语团队，利用内置翻译 + 实时 TTS 同步观看多语言会话回放。
6. 录制 25 秒片段分享至 X、Twitter、Discord、Reddit 等社区的可视化炫技内容。

适用人群

日常重度使用 Claude Code、Sub-Agent 频繁派发的个人开发者与小型团队；想要直观展示 AI Coding 协作过程的工程博主、培训讲师与社区内容创作者；需要把 Coding 协作过程录屏分享给非技术 stakeholder 的技术 Lead。

工作原理

Claude Code 把每个会话写入 ~/.claude/projects//.jsonl，每个 Sub-Agent 写入 /subagents/agent-*.jsonl，并通过 .meta.json 关联到发起它的 tool call。Agent Standup 把这些日志合并成一条统一时间线（任务派发、口语化文本、tool call、真实结果与持续时长），每条日志只解析一次后续只读增量，前端每 0.7 秒轮询增量。本地服务监听 127.0.0.1 并严格校验回环来源，避免外部网站读取会话。

官方链接

• 仓库：https://github.com/Atoll92/agent-standup
• 官网：https://atoll92.github.io/agent-standup/
• NPM：@double_geste/agent-standup
• 许可证：MIT