根据画面形态选择标注展示方式
Web 可切换浮动标注和三栏审阅；移动端在 PC 上使用说明、手机画板、当前标注三栏，在手机上使用可拖动入口和 Bottom Sheet 详情。
原型说明、功能点标注与本地编辑
原型标注
为已有单 HTML 原型补充业务功能点标注和全局原型说明。支持 Web、移动端查看，以及 localhost 可视化编辑和修改写回。
Codex Skill 安装包下载原型标注 Skill
01
核心特性
通过 localhost 编辑并写回原型
AI 启动本地服务后，可维护原型说明，新增、编辑、删除标注，拖动圆点，并从全部页面列表定位到对应页面或弹层。
跟随页面与弹层切换
页面、Tab、抽屉、弹窗和移动端弹层分别显示各自标注，避免串页和重叠。
Markdown 富内容标注
支持标题、列表、表格、链接、代码块、Base64 图片和 Mermaid 流程图。
集中承载原型背景
根据需求材料组织业务背景、功能架构、规则、角色或版本等必要说明。
02
怎么使用
推荐对 AI 这样说
使用 $zartui-prototype-annotation，为这个单 HTML 原型根据 PRD 添加业务标注和原型说明。
“给这个 HTML 添加业务标注和原型说明”“进入标注编辑模式”“应用我刚才提交的标注修改”
使用步骤
- 提供原型指定单 HTML，并提供 PRD 或业务说明。
- 生成并查看AI 自动加入原型说明与关键业务标注。
- 启动 localhostAI 选择可用端口并打开本地三栏编辑工作台。
- 提交修改在工作台完成增删改并提交本轮内容。
- 通知 AI 写回回到对话告知应用修改，原 HTML 随后更新。