Code change visualization

[1parado]

具体参考：https://x.com/dotey/status/2067708784106160322

类似于Claude Code 推出的 Artifact 功能

具体设想：
将ocr得到的代码变更结果，制作成一个人类阅读友好的HTML网页，支持在网页中直接对新老代码的变更进行文字/图片叙述，比如此次变更修改了哪些内容，重要性优先分级等等，通过可视化的方式，从而节省reviewer的时间，让reviewer能够更快的掌握代码变更的位置以及哪些代码变更是重要的，哪些代码变更是一般的。

支持生成的可视化网页链接可分享，加快团队协作效率。

[lizhengfeng101]

This is a great idea, and it is indeed already in our plans!

For small teams that lack code hosting platforms or other infrastructure, this feature would be very effective — especially for range and commit review modes, where generating a self-contained, shareable HTML visualization of code changes could significantly speed up the review process.

That said, for workspace mode reviews, the value would be relatively limited since the changes are local and uncommitted.

Would you be interested in getting more involved with this idea? We'd love to see your design proposal and PR. Looking forward to your contribution! 🙌

[1parado]

HTML设计

叙述优先，Diff 其次：先告诉 Reviewer “遇到的问题，为什么要改即Issues”，再展示“怎么改”，最后展示改动之后的结果
核心是减少Reviewer理解代码变更的时间成本。

风险驱动分级：P0（核心逻辑）必须高亮警示，P1（一般改动）进行提醒，P2（格式注释）默认折叠。

零环境依赖：生成的 HTML 必须自包含（内联 CSS/JS），开箱即用。

行级协作：支持在特定代码行上附加文字和图片反馈，并支持序列化共享。

对于这些页面展示内容，总觉得有些不足。不过具体说不出来哪里不足。我觉得应该收集一些Reviewer的意见。看看哪些功能是他们所需要的。OCR应该如何设计页面才能更快且更精准的描述代码变更，而且生成HTML会造成Token的大量消耗，在成本方面应该怎么权衡。我觉得可以将这个功能作为OCR的skill来进行调用，当然内置到OCR中也可以。

[lizhengfeng101]

我理解不应该由大模型来生成 HTML，而是 HTML 模版中注入 AI 的评论。

[ScarletCarpet]

我在做类似的东西，效果如下，AI生成audit.json，导入html模板解析，但是目前我fork了一个OCR分支在弄，改的有点乱，应为涉及到一些公司的内容在看怎么把我自己的业务和OCR解耦出来：

[1parado]

我最近也在思考这个功能应该怎么去设计，该HTML文件中应该要展示哪些信息，应该如何设计改流程，还在思考中

[ScarletCarpet]

我准备就先以这版在公司范围内用起来。在这个AI时代，我觉得快比准可能更重要，先完成再完美吧。

[ScarletCarpet]

不过，我觉得要达到你前面截图的效果，我觉得需要改OCR的审查输入和输出，现再的OCR应该还做不到。我的做法是再OCR包一层自己的reviewer。