SuperAPI AI 工具集

stories

通用与其它

查看项目

更新于 10-16 01:14

技能介绍

用途:这是 Storybook 提供的 stories 技能,要求在创建、编辑或删除组件、故事、样式、CSS、主题、颜色或设计令牌等任何会改变 UI 的操作之前优先调用,用于按既定工作流处理 UI 改动、编写 stories,并让 stories 与每个新建、修改或删除的前端组件保持同步。

前提条件:项目中必须已安装 Storybook;只有在用户明确调用该技能并同意安装 Storybook 时,才调用 /storybook-init 技能进行初始化。Storybook 版本需为 11.0 或更高,11.0 预发布版(11.0.0-alpha.x)或 canary 构建(0.0.0-pr-*)也算符合。设置或安装 Storybook 的请求可视为同意执行必要的升级;其他请求只有在用户明确同意升级后,才调用 /storybook-upgrade 技能。

使用方式:Storybook 开发服务器和所有 Storybook CLI 命令都应在同一工作目录运行,即安装 Storybook 的包(在 monorepo 中通常是 packages/ui 这类叶子包)。若沙箱阻止网络访问或端口,需为 Storybook CLI 命令申请提升权限,否则开发服务器可能以令人困惑的方式失败(例如找不到可用端口绑定)。查询文档、props 或用法问题时,先使用 npx storybook tools docs list,再用 npx storybook tools docs show --id <id>,仅在文档命令不可用或没有相关文档时才回退到查看源码。运行 npx storybook skills stories 并完整阅读输出,可获取处理 UI 改动、编写 stories 的强制有序工作流。

部分命令需要运行中的 Storybook 开发服务器:应复用已服务本项目 Storybook 的服务器(探测 URL,通常为 http://localhost:6006),而不是再启动一个;否则在后台启动,尽量使用项目偏好的包管理器及 package.json 中已有的 Storybook 脚本(如 npm run storybook),等待 URL 响应后再运行依赖它的命令。开发服务器属于交付物而非临时验证工具,工作完成后应保持运行,不要验证后将其关闭。

限制:资料未提供该技能的具体收费、价格、支持平台或效果信息。