Menu
批注、微调、编辑原型时使用：读取本地原型批注并定位页面元素，修改文案、样式、布局或交互，完成后删除已处理批注任务。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | prototype-comments |
| description | 批注、微调、编辑原型时使用：读取本地原型批注并定位页面元素，修改文案、样式、布局或交互，完成后删除已处理批注任务。 |
当页面上存在原型批注，或 /editor-todo 要求处理当前项目的批注时使用本技能。
术语边界：
annotation-source.json 和 @axhub/annotation，不属于本技能处理范围。src/prototypes/<prototype-id>/。src/prototypes/<prototype-id>/.spec/prototype-comments.json。批注记录固定在 .spec/prototype-comments.json，核心字段是 comments/tasks/images：
comments：批注和修改记录，包含 locator、comment、marker，以及 text/style/tweak 的修改前后。tasks：按 elementKey 保存待处理任务信息。images：只记录 metadata 和 images[].assetPath。图片文件位于 .spec/prototype-comment-assets/。读取图片时只使用本地 images[].assetPath，基于 .spec/prototype-comment-assets/ 查找文件。不要把新的 base64 图片内容写回 JSON；需要新增图片素材时放入 assets 目录，并在 images[].assetPath 里引用。
.spec/prototype-comments.json，按 comments 理解修改意图和定位信息。images[].assetPath 读取本地文件辅助理解。src/prototypes/<prototype-id>/ 下的实现文件，保持改动范围聚焦。comments[].elementKey 作为主键删除已完成批注。tasks[elementKey]。elementKey 匹配且不再被其他剩余批注引用的 images[] 记录。.spec/prototype-comment-assets/，只删除与被移除 images[].assetPath 对应、且不再被 JSON 引用的文件。elementKey，用 locator/label 辅助人工匹配；匹配不确定时保留，不误删。清理规则示例：完成 elementKey=hero 后，移除 comments 中的 hero 批注、移除 tasks.hero、移除只属于 hero 的 images 记录及 hero-only.png；如果 shared.png 仍被其他剩余批注引用，则保留该图片记录和本地文件。
面向用户用自然语言说明：
不要把回复写成 CLI 日志；技术细节只在确实影响用户理解时简短说明。
Use only when the user explicitly asks to run demand exploration or requirements refinement, invokes $requirements-exploration, or asks to create/update confirmed requirement docs before prototype work. Do not trigger automatically for ordinary prototype generation, vague briefs, local edits, or bug fixes.
Use only when 用户明确要求把本地截图、设计稿或高保真界面图还原成 Axhub Make client 可运行原型；或显式调用 $screenshot-to-prototype。仅提供图片作为素材、参考图、需求图或风格上下文时不要使用。
Use when 为 Axhub Make client 项目生成 UI 设计图、高保真原型视觉、生产风格网站截图、整页界面稿、UI 素材、图标、占位图或参考位图；尤其是请求提到 Image Gen、AI 图片生成、设计图、UI assets、prototype visuals 或需要判断移动端/PC 端画布比例时。
Use when the user explicitly asks to write, draft, create, update, or synthesize a PRD for an Axhub Make client project, especially when the PRD may aggregate multiple prototypes, resources, canvas notes, or existing product context.
仅当任务明确涉及 Axhub 画布、原型草稿、Excalidraw 画布文件、画布节点/批注/截图/图片，或需要把文档、原型页面、图片、流程图等产物落到画布上时使用。
Use when a Make client批注 or user request asks for 多方案探索, 多方案生成, 多方案对比, 方案对比, 设计决策, 比稿, 先出方案, or choosing among 2-3 UI/code modification directions before executing one.