HTML 协作审阅
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_15292d5a/yjkj-html-collab。
技能介绍
要解决什么问题
长文档在 LLM 与人类之间来回改,常见痛点是:改的是哪一段、批注挂在哪、定稿后还要不要带着审阅 UI。纯 Markdown 或裸 HTML 很难在「可继续协作」和「可直接对外展示」两种形态之间切换,也容易在对话里丢失人类已写的 inline 修改与评论。
技能如何工作
html-collab 把文档做成单文件 HTML:正文在 #collab-main 里,每个块级元素带唯一 data-cid(如 p-001、sec-002);元数据写在 <meta name="collab-data"> 的 JSON 里(comments、edits、时间戳、模型标识等)。引擎自带的 #collab-header / #collab-sidebar 负责保存与侧栏批注,文档级自定义控件应放在 <article> 内,避免被误当成引擎功能。
典型流程三条:
- GENERATE:以
template.html为骨架生成新文档,填满语义化 HTML,为每个块分配 CID,初始化空的comments/edits。 - READ:解析已标注文件,跳过
<head>内引擎 CSS/JS;若有meta.summary可先读结构索引;在对话中先输出上下文块(含评论与编辑),再处理图片(超maxImageBytes时按环境压缩或降级描述)。 - REVISE:按
editsverbatim 替换对应 CID 文本,再按comments改内容;新增块用递增 CID,删除块永久废弃 CID;输出时清空comments/edits、更新lastRevised,保留原有data-cid与originalCreated。
可用 /html-collab off 切到纯 HTML 模式:无 collab 元数据、无引擎脚本与侧栏,适合定稿对外阅读。
适用边界与注意点
- 同一
data-cid若同时出现在 Comments 与 Edits:先应用 edit,再理解 comment(comment 的引用针对编辑前原文)。 - REVISE 后文件里的批注会被清空,对话历史才是反馈的持久记录;无文件访问环境时建议用「标题+日期」命名新版本。
- 默认图片内联 base64 上限约 50KB(
maxImageBytes),大截图需压缩或按能力改为描述字段。
使用场景
- 用 LLM 起草长文规格说明,需要审阅者在浏览器里按段落挂评论、下次对话让模型按 `comments`/`edits` 合并修订
- 收到同事导出的已标注 `.html`,要在对话里先汇总批注意图再执行 REVISE,且保留原有 `data-cid`
- 同一篇文档协作定稿后,用 `/html-collab off` 输出无侧栏、无 collab 脚本的纯 HTML 给外部读者
- 技术方案初稿带截图内联,READ 阶段需按 `maxImageBytes` 处理大图后再继续改文
适合人员
- 负责对外方案/白皮书初稿、希望审阅意见能绑定到具体段落块而非整篇 diff 的技术写作者
- 在浏览器里改 inline 文本并写侧栏评论的产品经理,需要把 `.html` 交回 LLM 做结构化 REVISE 的协作流程
- 咨询或研究岗每周产出长报告,用单文件 HTML 在「协作版」与「对外展示版」之间切换交付形态的人
- 维护 html-collab 模板与 `template.html` 结构、要把文档级控件放在 `<article>` 内以免与引擎 UI 混淆的前端/文档工程师