Code Review 还在对着 diff 文本发呆？这个 Skill 把代码变更秒变可视化报告

你有没有这种感觉：Code Review 的时候，对着一堆 git diff 文本，越看越晕？特别是大 PR，几十个文件改下来，根本不知道该从哪里下手审查。

今天挖到一个 Skill，叫 code-visual-review，专门解决这个痛点——它能把代码变更秒变可视化 HTML 报告，审查重点一目了然。

三种模式，覆盖代码审查全场景

这个 Skill 最厉害的地方是三模式并行，每个场景都有对应的可视化方案：

• Review 模式：输入 git diff，输出带风险标签的 PR 摘要页。文件级别标注 🟢安全 / 🟡需关注 / 🔴重点审查，还带逐文件 diff 和 Before/After 行为对比。
• Walkthrough 模式：追踪代码调用链路，生成 Request Path 可视化图，标注每个步骤的文件路径和行号。最有意思的是 Trust Boundary 标注——哪些是可信区域，哪些是外部输入，一目了然。
• Architecture 模式（v2.0.0 新增）：输入整个代码库，输出模块依赖图 + 健康度评分 + 技术债务清单，还能做 Before/After 架构对比。

拿 Review 模式举例

你扔给它一个 git diff，它生成这样的 HTML 页面：顶部是风险热力图，按文件列出风险等级；中间是带语法高亮的逐文件 diff，每个风险点旁边直接标注 🔴要重点看；底部是 PR 描述生成——动机是什么、改了什么、重点关注哪里，AI 全给你整理好了。

整个页面是暗色 GitHub 风格，单文件、无外部依赖，手机也能看。移动端工程师 review 代码的时候再也不用在电脑上盯着看了。

跟 coding-framework 无缝集成

它的输出可以直接作为 coding-framework 的输入——代理审查完的 JSON 结果，扔进这个 Skill，自动生成可视化页面。PR 审查 → 可视化报告，工作流直接打通。

安装方式

支持所有主流 AI Agent：Claude Code、Cursor、Windsurf、Gemini CLI、OpenClaw 等。安装命令直接搜 code-visual-review 就能找到。

开发者朋友们，这个工具把 Code Review 从”文本考古”变成了”图形化作战”，建议直接装上试试。

GitHub：https://clawhub.ai/skills/code-visual-review

GitHub: https://clawhub.ai/skills/code-visual-review