在使用 Claude Code、Cursor 或其他 AI 编程助手时,我们经常会遇到一个问题:AI 生成的代码改动分散在多个文件中,如何在终端里高效地查看和审查这些变更?今天要介绍的 diffity,就是专门为解决这个问题而生的。

属性内容
GitHubkamranahmedse/diffity
Stars541
语言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特点
diffity541GitHub 风格、AI 工具友好、支持 Web
delta26k功能全面的终端 pager,但学习曲线较陡
difftastic22k语法感知对比,支持结构化 diff
git-split-diffs1.2kVS 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