Agent重写了整个页面到底改了什么lavish-axi修订图例实战指南【免费下载链接】lavish-axiHTML is the new markdown. Lavish is the new editor for your HTML artifacts.项目地址: https://gitcode.com/gh_mirrors/la/lavish-axilavish-axi 是一个把 Agent 生成的 HTML 页面变成可协作评审界面的编辑器而它的**修订图例Revisions legend**功能正是为Agent 整页重写之后人看不懂改了啥这个问题而生。读完这篇指南你就能让每一轮改动都带上彩色标签、时间戳和一句话总结并用一个按钮逐块高亮回看。为什么需要修订图例整页重写后的黑箱lavish-axi 的工作模式是你在浏览器里批注、提意见Agent 收到反馈后重新生成整个 HTML 文件。这对 Agent 来说很省事但对人却是个黑箱——页面长得好像都差不多你却说不清它到底动了哪几处。修订图例的思路很巧妙Agent 本来就知道自己改了什么那就让它自己说出来。它把改动记录写进 HTML 文件本身lavish-axi 读取后在浏览器顶栏生成一份图例每一轮改动都一目了然。整个过程是可选的opt-in不写记录文件的页面完全不受影响。修订图例长什么样Revisions 按钮与图例面板当页面包含修订记录时顶栏会出现一个带角标的Revisions按钮。点开抽屉面板你会看到每一轮改动一行颜色色块 标签如 Round 1 时间戳 Agent 的一句话总结每行末尾的改动块数量统计例如 3 marked blocks一个Reveal按钮用于逐块高亮回看更贴心的是无障碍设计每轮改动不仅有颜色还配有不同的边框样式和填充图案实线、虚线、点线……。即使屏幕是灰度的、或者你有色觉障碍也能靠图案区分不同轮次。这是由调色板模块保证的源码见 src/artifact-revisions.js。如何开启修订图例Agent 的两步声明不需要安装任何东西只要让 Agent 在重新生成页面时做两步声明登记一轮在文件里加一段 JSON 格式的修订记录每轮一个条目包含id、label、timestamp、summary四个字段标记改动块在你实际编辑或新增的每个块上挂一个data-lavish-revisionid属性官方片段的完整写法可以通过lavish-axi design命令查看示例见 src/design-reference.jsscript typeapplication/json contenteditable="false">【免费下载链接】lavish-axiHTML is the new markdown. Lavish is the new editor for your HTML artifacts.项目地址: https://gitcode.com/gh_mirrors/la/lavish-axi创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
