用途:该技能要求在创建、编辑或删除组件、故事、样式、CSS、主题、颜色或设计令牌——即任何会改变 UI 的操作——之前先调用,以保证 Story 与前端组件同步。
前置条件:项目中必须已安装 Storybook,且版本至少为 10.5(10.5 未发布时为 next);需安装 @storybook/addon-mcp,缺失时可用 npx storybook add @storybook/addon-mcp 安装。Storybook 开发服务器与所有 storybook ai 命令必须在同一工作目录运行,即安装 Storybook 的包中(monorepo 里常为 packages/ui 等叶子包)。若未安装或需升级,仅在用户明确调用并批准后使用 /storybook-init 或 /storybook-upgrade 技能。
使用方式:先运行 STORYBOOK_FEATURE_AI_CLI=1 npx storybook ai --help 并完整阅读输出,获取处理 UI 变更、编写故事及同步组件的强制有序工作流。首次在会话中调用任何 storybook ai 命令前,需运行 STORYBOOK_FEATURE_AI_CLI=1 npx storybook ai <command> --help 并完整阅读,因为各命令的 --json 载荷格式与用法规则只在其自身帮助中说明,不能凭命令名猜测。部分命令需要运行中的 Storybook 开发服务器;有 Claude 预览工具时,可在 .claude/launch.json 中配置 autoPort: true、port: 6006 的启动项,并优先使用项目现有包管理器及 package.json 中的 Storybook 脚本启动。
限制:具体命令清单、各命令必需与可选字段、完整工作流细节暂未在资料中提供;缺失前置条件时该技能可能无法运行。