跳到正文
cccskills
免费在 GitHub 公开中文介绍

setup

为已安装Storybook的项目配置可运行的preview文件和展示实际组件的示例故事。先核实安装情况及版本是否符合要求,再继续完成配置。

原文查看原文说明

Use this skill when Storybook is already installed and the user wants a working `preview` file and stories for real components.

AI 评分80分/ 100查看安装方法

适用场景

  • 配置已安装Storybook的预览
  • 编写展示实际组件的示例故事
  • 在配置前核实版本要求

中文介绍

功能

此技能用于已经安装Storybook的项目,配置可运行的preview文件,并编写展示实际组件的示例故事。示例故事用于呈现组件的显示效果。它首先检查package.json和.storybook/,确认项目的安装情况,再核实版本是否受支持,之后继续配置。

适用场景

适合已经安装Storybook,但仍需准备才能展示实际组件的情况。需要整理preview文件、为实际组件准备示例故事,或希望在开始配置前先确认版本要求时,都可以使用。

使用示例

  • “为已安装的Storybook配置preview,并准备展示实际组件的示例故事。”
  • “继续为这个项目配置Storybook。”

注意事项

需要Storybook 11.0或更高版本,也支持11.0预发布版和canary构建。尚未安装时切换到$storybook:init;版本过旧或需要修复时切换到$storybook:upgrade。在项目根目录或单体仓库中的Storybook包目录执行npx storybook skills setup,并遵循命令输出的步骤。

本介绍由 AI(OpenAI Codex)根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。

客观评估

AI 仅根据 SKILL.md 的内容,从 4 个方面进行了评估。星标数和热度不计入评估。

指令清晰度能否看出何时使用、做什么
A良好明确用于为已安装的Storybook准备preview文件和实际组件的示例故事。
步骤具体性步骤、输入输出和示例是否具体
B部分不足前提检查和执行命令具体,但详细配置步骤交由命令输出提供。
安全性发送数据、删除文件、执行命令等是否有说明
B部分不足说明了npx执行和升级批准条件,但未说明命令输出所要求操作的范围。
安装难易度所需工具和 API 密钥是否少且有说明
A良好明确Storybook 11.0版本要求、未安装或旧版时的替代流程,以及执行目录和命令。

总分按每项 A=25 分、B=15 分、C=5 分相加。 由 AI(OpenAI Codex)于 2026年10月21日 评估。仅供参考,安装前请同时查看原文。

如果您认为评估有误,请申请复核

请写明哪一项有误以及原因。无需登录。我们会对照 SKILL.md 重新评估,并在此处更新结果。

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

包含的文件(1)

  • SKILL.md865 B

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

Prerequisites:

  1. Confirm Storybook exists (package.json, .storybook/). If not, switch to $storybook:init.
  2. Storybook must be 11.0 or later. An 11.0 prerelease (11.0.0-alpha.x) or a canary build (0.0.0-pr-*) also counts. If it is older, or upgrade/repair is needed first, switch to $storybook:upgrade and come back here afterwards. Treat a request to set up or install Storybook as approval to perform any required Storybook upgrade. For other requests, switch only after the user explicitly approves an upgrade.

Run npx storybook skills setup from the project root (or the Storybook package in a monorepo).

Follow the printed Markdown precisely. Do not substitute your own plan.

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

canary

免费有简介AI 评分 80分

查找Storybook指定分支的试验版软件包,必要时执行发布流程,跟踪发布状态,并提供用于新建项目或更新现有项目的命令。

  • 查找指定分支的试验版
  • 发布来自派生仓库的拉取请求试验版
  • 确认发布状态与安装命令
storybookjs/storybook9.1万2026年10月22日 更新

component-docs

免费有简介AI 评分 90分

通过Storybook查询项目现有界面组件、配置参数和使用示例,用于回答组件用法问题,并在重复实现前判断能否复用现有组件。

  • 查找现有界面组件
  • 查看组件配置参数和使用示例
  • 询问组件用法
storybookjs/storybook9.1万2026年10月22日 更新

docs-review

免费有简介AI 评分 90分

根据读者和页面目的,审核、改进或新写Storybook的/docs文档。既可调整结构和示例、统一格式,也可讨论页面定位与文档规划。

  • 改进说明页面的结构和示例
  • 起草新功能文档
  • 讨论页面类型和目录
storybookjs/storybook9.1万2026年10月22日 更新

fix-linting-types-on-pr

免费有简介AI 评分 80分

检出GitHub的PR,修复lint代码规范问题和TypeScript类型错误,完成提交与推送。支持来自分支仓库的PR,并通过重复类型检查验证修复。

  • 修复PR中的lint错误
  • 修复PR中的TypeScript错误
  • 修复来自分支仓库的PR
storybookjs/storybook9.1万2026年10月22日 更新

github-qa-labels

免费有简介AI 评分 80分

为QA测试发现的GitHub Issue和PR添加发布版本追踪标签,并按影响程度与变通方案为漏洞分类。支持批量添加标签,严重程度标签仅用于程序缺陷。

  • 按发布版本整理QA发现的问题
  • 划分程序缺陷的严重程度
  • 批量为Issue和PR添加标签
storybookjs/storybook9.1万2026年10月22日 更新

handle-pr-comments

免费有简介AI 评分 90分

逐条整理 GitHub 拉取请求中尚未解决的审查意见,说明问题并提出修改方案,再按用户选择修改代码、回复或跳过,处理提交及将讨论标为已解决。

  • 处理 PR 中未解决的审查意见
  • 选择修改、回复或跳过
  • 合并处理重复审查意见
storybookjs/storybook9.1万2026年10月22日 更新

查看 storybookjs 的全部技能

报告此技能的问题