免费在 GitHub 公开中文介绍

storybook-setup

为已安装的 Storybook 配置可用的 preview 文件，并创建展示实际组件的故事。先检查现有安装状态，再按设置命令输出的步骤准备显示验证环境。

原文查看原文说明

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

storybookjs/storybook

实测评分未实测

查看安装方法

适用场景

完善现有 Storybook 的显示设置
添加展示实际组件的故事
设置前检查版本是否符合要求

中文介绍

功能

为已安装的 Storybook 准备可用的 preview 文件，以及展示实际组件的故事。故事是用于查看组件显示效果的示例。该技能会先检查现有安装状态，再按照设置命令输出的步骤配置环境，准备好查看组件效果所需的文件和故事。

适用场景

适合已经安装 Storybook，但尚未完善显示设置，或还没有用于查看实际组件的故事时使用。开始前会检查项目中的 package.json 和 .storybook/，因此可以基于已安装的环境提出设置需求。

使用示例

“为项目中已安装的 Storybook 准备一个可用的 preview 文件。”
“创建展示实际组件的故事。”

注意事项

需要 Storybook 11.0 或更高版本，也支持 11.0 预发布版本和 canary 构建。尚未安装时会引导至 /storybook-init；版本过旧或需要修复时会引导至 /storybook-upgrade。在项目根目录或单体仓库中的 Storybook 包目录运行 npx storybook skills setup，再遵循命令输出的 Markdown 步骤。

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

文档检查

AI 根据 SKILL.md 的内容检查了需要注意的操作和使用前提。评分只依据实际运行的结果（实测对比）。

安全性发送数据、删除文件、执行命令等是否有说明: B部分不足说明了升级的批准条件，但未列出 setup 命令的修改范围。
安装难易度所需工具和 API 密钥是否少且有说明: B部分不足明确列出支持版本和替代技能，但未说明 npx 所需环境的安装方法。

不计入评分。由 AI（OpenAI Codex）于 2026年10月21日评估。仅供参考，安装前请同时查看原文。

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

包含的文件（1）

SKILL.md875 B

SKILL.md（原文）

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

Prerequisites:

Confirm Storybook exists (package.json, .storybook/). If not, switch to /storybook-init.
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.

评价

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

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

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

同一仓库的技能