Crit Diff审查深度实战：行内评论、范围选择与Split/Unified视图完整操作指南

【免费下载链接】critReview AI coding agents plans, diffs and running apps in the browser. Local-first, works with any agent.项目地址https://gitcode.com/gh_mirrors/crit/crit点击查看免费下载Crit 是一款本地优先local-first的浏览器审查工具专门用来审查 AI coding agent 产出的计划、代码 Diff 和运行中的应用。它的核心体验是点一行、留一条评论agent 立刻收到——你无需打开终端 diff也无需在 GitHub PR 页面里逐字阅读直接在浏览器里完成行内评论、范围选择和 Split/Unified 视图切换即可把精准反馈交回给 agent。本文是一份面向新手的完整操作指南。快速开始3 种方式启动 Diff 审查Crit 是单二进制程序安装后直接可用brew install crit # macOS # 或 go install github.com/tomasz-tomczyk/crit/cmd/critlatest启动 Diff 审查有 3 种常用入口命令场景crit自动检测当前 git 仓库的变更文件渲染为带语法高亮的 diffcrit plan.md审查指定文件支持多文件crit pr 42/crit mr 42直接审查 GitHub PR 或 GitLab MR启动后浏览器会自动打开审查界面。若配合 Claude Code 等 agent 使用执行/crit斜杠命令即可自动走完整审查闭环agent 启动 Crit、等待你的评论、再根据反馈修改直到你批准。Split 视图 vs Unified 视图一键切换 Diff 显示方式在 git 模式下审查界面顶部有Split / Unified切换按钮配合 Toggle Diff 使用可实时切换两种 diff 呈现方式无需刷新页面。Split 视图左右对照适合定位改了什么Split 视图将旧内容和新内容并排展示左侧红色标出被删除的行右侧绿色标出新增的行。当 agent 大段改写一个函数或表格时左右对照能让你瞬间看清删掉了什么、换成了什么。注意截图中评论卡片标注的是Lines 61–62——这正是范围评论的体现下文详述。Unified 视图单列阅读适合理解上下文Unified 视图把删除行与新增行按顺序排在同一列里更接近 GitHub PR 的默认样式。阅读连续上下文比如改动的代码块前后的逻辑时更省眼。经验法则大段改写看 Split小修小补看 Unified。偏好可在设置面板中调整相关渲染选项行内高亮粒度、变更标记样式、未改动上下文折叠定义在 web/crit-settings-panes.js底层由内嵌的pierre/diffs引擎渲染架构说明见 docs/frontend-js.md。Round-to-round diff只看 agent 这一轮改了什么Crit 的 diff 是轮次制的agent 根据你的评论修改文件后下一轮界面会显示本轮相对上一轮的变化界面右上角有Round #N标识而不是每次都展示全量 diff。这让多轮迭代中的审查焦点始终收敛到最新变更上。行内评论点一行、拖一段、引用一段文字这是 Crit 与终端 diff 最大的差异——评论可以直接锚定到具体行号且渲染位置紧贴被引用的行体验与 GitHub PR review 一致。单行评论点击行号点击任意行号即可弹出评论框评论会内联显示在该行之后。范围评论拖动选择多行按住鼠标沿行号区间拖动即可选中一个行范围例如 Lines 61–62评论会覆盖整段改动。当你想指出这一整段逻辑有问题时范围评论比逐行评论高效得多。文字级评论选中文字并引用用鼠标选中的是一段代码里的部分文字时按c评论会携带引用高亮精确指向那句表述。键盘快捷键像 Vim 一样审查Crit 内置完整的键盘流web/crit-shortcuts.js在界面按?可随时查看快捷键功能j/k上一个 / 下一个代码块ShiftV视觉选行模式可继续扩展范围再按c评论c对当前聚焦块或已选文字带引用发表评论e/d编辑 / 删除当前评论]/[跳转下一 / 上一条评论h切换隐藏已解决的评论ShiftF完成审查Finish Review程序化评论crit commentagent 或脚本也可以在不开浏览器的情况下添加行内评论crit comment src/auth.go:42 Missing null check # 单行 crit comment src/handler.go:15-28 Error handling issue # 行范围评论统一保存在~/.crit/reviews/不在你的仓库里每个分支独立一份审查文件切分支互不干扰草稿自动保存关浏览器重开也能续上。范围选择只看你想看的那部分变更大仓库里全部变更往往是信息噪音。Crit 提供两个层次的范围控制。工作树范围all / branch / staged / unstagedgit 模式顶部有scope 切换条一键切换当前审查基线范围快捷键含义AllShift1全部变更含未跟踪文件BranchShift2仅已提交的分支变更默认推荐StagedShift3仅暂存区变更UnstagedShift4仅未暂存变更首次启动时 Crit 默认选中branch范围刻意避开未跟踪文件对大仓库造成的刷屏。不可用的范围例如没有暂存内容时会被自动禁用置灰。范围模式--range 与 PR/MR 聚焦审查 PR、MR 或任意提交区间时可显式指定范围crit --range v1.2..HEAD # 任意 base..head 区间 crit pr 42 # GitHub PR 42 crit mr 42 # GitLab MR 42进入范围模式后界面会出现范围标识芯片并提供Compare against选项This commitlayer只看当前这一个 commit 的变更Full stack从默认分支到当前 HEAD 的全部变更。范围解析逻辑位于 internal/focus/focus.go其中layer/full-stack两种 scope 的定义就在这个文件里。评论如何回到 agent 手中评论提交后点击右上角Finish Review或按ShiftFCrit 会把所有未解决评论打包交给 agent。若配置了全局agent_cmd你甚至可以在评论卡片上直接点 Send nowagent 实时读评论、改代码、回帖评论会升级为带 ⚡ live 徽章的活线程⚠️ 安全提示agent_cmd只从全局~/.crit.config.json读取项目级配置无法设置防止恶意仓库劫持本地命令。常用配置项速查在~/.crit.config.json全局或.crit.config.json项目级覆盖全局中与 Diff 审查最相关的配置配置项默认值作用base_branch自动检测指定 diff 对比的基线分支如mainignore_patterns[.crit/]从文件列表中排除的文件模式如*.lockauto_viewed_patterns[]打开审查时自动折叠标记已读的模式port0随机本地服务端口cleanup_on_approvetrue批准后自动清理审查文件常见问题Q切换 Split/Unified 后已写的评论会丢失吗不会。评论锚定在行号/行范围上与视图模式无关切换视图后原样保留。Qagent 改完代码后界面会刷新吗会。Crit 内置文件监听live file watching源文件一变浏览器自动重载评论会随代码行偏移自动重锚re-anchor。Q可以同时审查多个文件/多个计划吗可以。每个 Crit 实例独立端口天然支持并发审查crit resume还能列出历史审查并从任意位置重新连接。Q审查数据存在哪里~/.crit/reviews/完全本地。默认只监听127.0.0.1不采集任何遥测只有你主动点 Share 才会生成可分享链接。小结Crit 把审查 AI 产出这件事拆成了三个可快速上手的操作用行内评论精确指出问题点行、拖范围、引文字用范围选择屏蔽噪音all/branch/staged/unstaged 加--range/PR 聚焦用Split/Unified 视图切换最顺眼的阅读方式。配合键盘快捷键和 round-to-round 增量 diff你不需要读懂 agent 的每一次全量输出只需把注意力放在最新一轮的变化上——这就是本地优先的 AI 代码审查工作流。赞分享【免费下载链接】critReview AI coding agents plans, diffs and running apps in the browser. Local-first, works with any agent.项目地址https://gitcode.com/gh_mirrors/crit/crit点击查看免费下载相关推荐如何评审几十个AI代理的代码改动Kanban的Diff审查与行内评论完整指南如何评审几十个AI代理的代码改动Kanban的Diff审查与行内评论完整指南 Kanban 是一个在本地运行的 Web 应用专门用于并行运行多个 CLI Acc-haha 桌面端 Workspace 使用指南Diff 审查、行级评论与内置浏览器实战cc haha 桌面端 Workspace 使用指南Diff 审查、行级评论与内置浏览器实战 对话记录告诉你说 Claude 说了什么而 Workspace人工智能AI 应用桌面应用代码智能体MCP ClientsSlickGrid行选择模型单选、多选与范围选择的完整实现SlickGrid行选择模型单选、多选与范围选择的完整实现 SlickGrid作为一款 闪电般快速的JavaScript网格组件 其强大的行选择模型功能让数前端UI组件创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考