菜单
处理 Axhub Commentary 页面侧接入工作流，包括调整面板可编辑项、页面级属性聚合、多方案设计比稿与方案切换，以及页面资源上下文与定位信息补齐。当用户要让页面配合 Axhub Chrome 扩展或 Make 预览环境“能在调整面板改”、按页面统一整理可编辑项、先出多版方向再切换对比，或补页面定位信息以便调试时快速找到当前页和对应实现时使用。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Use when 需要在中国、海外或跨市场场景中开展客户研究、用户研究、VOC、ICP、JTBD、Persona、竞品口碑、购买或流失原因分析，或从访谈、问卷、工单、社区与评论中为需求分析和 PRD 建立客户证据。
面向不熟悉 Git 的产品经理、设计师、运营、文档作者等非技术用户，引导 GitHub/GitLab/Gitee/Bitbucket/自建 Git 平台的仓库初始化、授权、克隆、提交同步、冲突处理、版本恢复和协作交接。
Use when 需要把现有 React、Vite、Next.js、V0 或 AI Studio 页面转换为 Figma Make 可导入的 .fig 资产，或补齐、更新、验证已有 Figma Make 导出壳和 canvas.fig。
Use when an Axhub prototype URL needs its PRD, directory, annotation context, source handoff, or optional review-report submission, especially for prototype-as-PRD review, agent context gathering, implementation planning, or design/requirements review with Playwright, Browser, Chrome, or an equivalent page evaluator.
Use when adding @axhub/annotation to standalone React apps, plain HTML pages, Vite prototypes, or other web hosts that need annotation markers, directories, Markdown notes, or state controls.
Use when an Axhub prototype URL needs its PRD, directory, or annotation context read from window.__AXHUB_ANNOTATION_SOURCE__, especially for prototype-as-PRD review, agent context gathering, or annotation extraction with Playwright, Browser, Chrome, or an equivalent page evaluator.
| name | axhub-commentary-client |
| description | 处理 Axhub Commentary 页面侧接入工作流，包括调整面板可编辑项、页面级属性聚合、多方案设计比稿与方案切换，以及页面资源上下文与定位信息补齐。当用户要让页面配合 Axhub Chrome 扩展或 Make 预览环境“能在调整面板改”、按页面统一整理可编辑项、先出多版方向再切换对比，或补页面定位信息以便调试时快速找到当前页和对应实现时使用。 |
专注 Axhub Commentary 的页面侧接入，目标是让页面能被 Axhub Chrome 扩展或 Make 预览环境里的编辑器识别、定位、读取可调整属性并回写。
这个技能不负责安装编辑器 runtime。默认编辑器由 Axhub Chrome 扩展注入，或由 Make 预览环境提供。页面侧只补必要的上下文声明和 tweak 协议；如果目标项目已经可用 @axhub/commentary-react，可以把它作为 React helper 使用，但不要把安装 NPM 包写成前置条件。
命中这些信号时，优先使用本技能：
references/property-editing.mdreferences/design-bid.mdreferences/environment-context.mdwindow.__AXHUB_COMMENTARY_TWEAK_PROTOCOL__@axhub/commentary-react，优先用它的 store / adapter / hook 简化注册；否则直接实现同一套全局 tweak protocolfilePath / targetPath / projectPath 优先走页面声明 window.__COMMENTARY_HOST__；如果当前项目本来就手动初始化 Commentary runtime，再走 createCommentary(...).host.getResourceContext()schema、values、adapter、update最终回复至少包含：
references/property-editing.mdreferences/design-bid.mdreferences/environment-context.mdpackages/axhub-commentary/PUBLIC-API.mdpackages/axhub-commentary-react/README.md