Show Your Work 成果展示
让 Claude 在终端对话里直接展示截图、视频和前后对比 QA 录屏。
> 给订单列表加上分页
⏺ 我先看看列表组件。
┌ 方案 A ───────┐ ┌ 方案 B ───────┐
│ [首页截图] │ │ [首页截图] │
▶ 0:07 / 0:21 ━━━━━●────── ✓ 提交按钮可用
History · Compare · Save to Downloads（示意）
❯
示意。实际效果取决于 Mod、终端和运行环境。
安装
安装方式比较特殊，请按原作者说明
查看原作者说明 ↗它会碰什么
据原作者说明，收录时核对；可用 claude plugin validate 自行检查。
读取
有读取 Claude 要展示的图片/视频和终端尺寸，记住你粘贴的图片名。
写入文件
有写临时帧、项目 .show-your-work/ 版本副本、可选 ~/Downloads 副本和插件存储。
运行命令
有运行 ffmpeg/ffprobe、sips、open/xdg-open、sh/perl 小脚本及 claude plugin 自更新。
联网
有每天从 raw.githubusercontent.com 查版本；开启时向 PostHog 发匿名计数。
介绍
show-your-work 是 Claude Code 的 function hooks Mod，给 Claude 提供 show_image / show_video 工具，在对话里直接播放它的成果。
- 图片：设计稿、页面、图表并排显示，保留历史版本，可前后对比。
- 视频：带进度条、时间戳侧栏的播放器，可同步对比新旧版本。
- 可视化 QA：用 Playwright 录下修改前后同一流程，标出改动时间点，检查项随播放变绿或变红。
/img找回你粘贴的图片，/show-your-work调整设置。
支持 Ghostty 与 kitty、macOS 与 Linux，作者写 Claude Code 2.1.286+（比本站 2.1.287 基线早一版）；视频需 ffmpeg。安装用 releases 分支的 git marketplace 地址，见 README。默认会每天检查更新并自更新，可选匿名用量统计发往 PostHog，可关闭。资料来自 README 与 PRIVACY，未经本站实测。
适合谁
- 让 Claude 做前端/设计、想直接在终端看效果的人
- 想看修改前后录屏做验收的人
运行要求
- Claude Code ≥ 2.1.286
- 平台 · macOS / Linux
- 需要 Ghostty 或 kitty（kitty 图形协议）。
- 视频功能需安装 ffmpeg。
- 安装用 README 中 releases 分支的 git marketplace 地址。