用途：在 AI 智能体协助下构建、标注、评审、截图并交付原生 HTML UI 原型，覆盖从生成到交付的完整流程。
主要能力：可复用 UI 包（pack）的发现、安装与最小闭包解析；绑定 DOM 的产品标注（Viewer、便签卡、SVG 连接线、交互闪电）；本地创作环境（直接编辑、编辑备注、跳转源码）；评审标记（Mark）与 For AI 导出；按页面状态批量场景截图；交付前检查清单。
使用方式：先确认原型类型与业务事实，信息不足须先询问，不得猜测。生成或大幅改动 UI 时，先运行 node <skill-root>/scripts/resolve-pack.mjs --list，再运行 node <skill-root>/scripts/resolve-pack.mjs --pack=<pack-id> --select=<preset, pattern, or component id>，只读取输出的最小文件闭包。按共享生成契约 §7 生成完整 <prototype-name>/ 交付目录，业务状态统一经 PrototypeViewers 路由，正式 Client Runtime 直接使用 Runtime 副本。完成后在仓库根目录运行 npm test；仅在任务需要时启动创作服务器或场景截图。按任务类型只读对应入口，不要一次读全部参考。
适用场景：UI 生成与重建、UI 包安装、产品标注、本地创作、草图板组件、评审标记、场景截图、交付与迭代。
限制：正式标注只能通过 runtime/server/index.mjs 与 Notes 编辑器写回 prototype/notes.snapshot.js，不得在 prototype.html 内联标注编辑器，也不得将正式标注存入 localStorage。Mark 数据仅存于按页面路径作用域的 localStorage，不写入快照、不注入源 HTML。创作服务仅处理本地编辑与原型内源码查找，不进入源 HTML 或最终交付物。runtime/author/sketch/ 草图板不得复制进 <prototype-name>/。截图只消费 URL 场景与正式标注数据，不生成业务状态。系统名称、菜单、字段、状态与业务数据必须来自用户材料，不清楚时须询问。仅 runtime/client/ 会复制进原型，author、server、cli 保留在技能内。具体收费、价格与平台信息暂未提供。