该技能用于在手机上评审产品代码仓库自带的交互式 Storybook 预览,并把评审结论关联到被审查的具体修订版本。
用途方面,它面向需要在移动端检查 Storybook 组件预览的场景,帮助你在真实构建产物上验证交互与配置,而不是凭空重建界面。
主要能力包括:在所属产品仓库中检查 Storybook 配置、包脚本、既有 CI 与预览部署流程以及已发布 URL;优先复用已有预览或 CI 产物再考虑构建;按仓库实际构建步骤操作。它要求记录构建预览所用的仓库与确切提交 SHA,以及可用的 CI 运行或部署 ID。PR 合并引用可能与 PR head 不同,需验证二者关系,或明确声明预览修订未经核验。
使用方式上,若任务授权发布但未指定目的地,应按用户面向的执行环境而非委派实现者或评审者的模型来选择:Codex 默认用 Sites 托管完整静态 Storybook 构建,复用所选 Site 身份更新,新建 Site 保持私有,并保留既有受众;Claude 默认用当前会话原生 Artifact 工具生成含修订溯源、真实 Storybook manager 与相关 story 画布链接的精简评审摘要,并保持私有或沿用既有受众。Artifact 是单个自包含页面,相对文件不会随之部署,因此不能直接托管普通多文件 Storybook 构建,完整构建应留在既有授权托管上;若缺少完整预览,应报告托管缺口,而非用重建 UI 或截图集替代 Storybook。显式用户选择与仓库指令优先;上述默认只决定目的地,不授予额外发布、公开分享、账户、花费、认证、权限或基线提升权力,并应返回实际发布的 URL。若当前会话不可用某提供方,尽量复用已验证预览并说明限制,不要仅为发布另启执行环境,也不要把本地文件当作已发布预览。
移动评审时,需要侧栏、Controls 面板或插件时使用完整 Storybook manager;手机上查看单个交互 story 时,用已发布 UI 的“在新标签页打开画布”操作,画布仍可交互但不含 Controls。不要猜测 story ID 或手工构建带编码 args/globals 的 iframe URL,这些细节因 Storybook 版本而异。保持预览的部署子路径、配置状态与私有访问不变,实际触发与仓库配置相关的 story 交互、args、controls、主题、globals 与视口,并注明使用的是模拟视口还是真机。每条反馈应绑定 story 链接或 ID 与确切修订,包含所测 args、globals、视口、观察结果与预期,以及未测试范围;只报告实际评审过的 story,不得暗示整体批准。
限制方面,构建应使用所属仓库脚本与 CI,并在既有授权内通过所选提供方的受支持工作流发布;发布预览不会激活视觉基线。Storybook 核心不提供专门的审批记录或本地评审持久化;Chromatic 等服务可增加视觉对比与审批工作流,但属可选且独立,未经授权不得启用或注册。