diffity:541⭐的 GitHub 风格代码对比工具,AI 编程助手的好搭档
在使用 Claude Code、Cursor 或其他 AI 编程助手时,我们经常会遇到一个问题:AI 生成的代码改动分散在多个文件中,如何在终端里高效地查看和审查这些变更?今天要介绍的 diffity,就是专门为解决这个问题而生的。
| 属性 | 内容 |
|---|---|
| GitHub | kamranahmedse/diffity |
| Stars | 541 |
| 语言 | TypeScript |
| 特点 | GitHub 风格 diff 展示、AI 工具集成 |
| 官网 | diffity.com |
| 最后更新 | 2周前 |
问题场景:终端里的代码审查困境
AI 编程助手越来越多,但代码审查的体验却没有同步提升。常见的痛点包括:
- AI 一次生成了十几个文件的改动,终端输出难以阅读
git diff的纯文本输出缺乏语法高亮,大段代码难以定位关键变更- 在编辑器外快速浏览 PR 或 AI 建议时,缺少直观的可视化工具
diffity 的目标很简单:把 GitHub 上那个清晰易读的 diff 界面搬到终端和浏览器里。
核心特性
1. GitHub 风格的 Diff 展示
diffity 渲染的代码对比与 GitHub 的界面高度一致:
- 分栏视图:左侧显示删除内容(红色),右侧显示新增内容(绿色)
- 行号对齐:变更前后行号清晰对应
- 语法高亮:支持主流编程语言的语法着色
- 展开上下文:可以折叠或展开未变更的代码行
这种熟悉的界面让代码审查的学习成本降到零。
2. 与 AI 工具深度集成
diffity 的设计理念是与 AI 编程助手配合使用:
| 场景 | 使用方式 |
|---|---|
| Claude Code | 在对话中要求 “Show diff with diffity” |
| Cursor | 通过插件或 CLI 调用 |
| 通用 AI | 导出 diff 文件后用 diffity <file> 查看 |
3. 多种使用模式
# 查看 Git 工作区的变更
diffity
# 对比两个分支
diffity main..feature-branch
# 查看特定 commit
diffity abc1234
# 查看已暂存的变更
diffity --staged
4. Web 界面支持
除了终端界面,diffity 还提供了一个轻量级 Web 版本。你可以:
- 在浏览器中打开 diff 视图
- 分享 diff 链接给团队成员
- 导出为 HTML 文件用于文档记录
快速开始
# 使用 npx 直接运行(无需安装)
npx diffity
# 或全局安装
npm install -g diffity
diffity
同类工具对比
| 工具 | Stars | 特点 |
|---|---|---|
| diffity | 541 | GitHub 风格、AI 工具友好、支持 Web |
| delta | 26k | 功能全面的终端 pager,但学习曲线较陡 |
| difftastic | 22k | 语法感知对比,支持结构化 diff |
| git-split-diffs | 1.2k | VS Code 插件,IDE 内使用 |
diffity 的定位很明确:不做全能型工具,专注于提供一个熟悉、轻量、与 AI 工作流兼容的 diff 查看体验。
适用场景
- AI 辅助编程:审查 Claude、Cursor、Copilot 生成的代码建议
- 代码审查:在终端快速浏览 PR 或分支差异
- 团队协作:通过 Web 界面分享代码变更给非技术同事
- CI/CD 集成:在流水线中生成可读的 diff 报告
总结
diffity 是一个小而精的工具,解决了 AI 时代的一个具体痛点。它最大的价值在于降低认知负担——你不需要学习新的 diff 阅读方式,GitHub 用户可以直接上手。
对于经常使用 AI 编程助手的开发者来说,diffity 值得一试。541 个 star 对于一个 3 月底才诞生的项目来说,成长势头不错。
| 属性 | 内容 |
|---|---|
| 仓库 | https://github.com/kamranahmedse/diffity |
| 官网 | https://diffity.com |
| 许可证 | 自定义开源协议 |
| 语言 | TypeScript |
| 维护者 | @kamranahmedse |