免费在 GitHub 公开中文介绍

storybook-init

为尚未配置Storybook的项目进行首次安装，查询稳定版以选择安装标签，使用相应的包管理工具，并交由独立的配置技能继续设置。

原文查看原文说明

Use when adding Storybook to a project that does not have Storybook configured yet.

storybookjs/storybook

实测评分未实测

查看安装方法

适用场景

首次为项目安装Storybook
根据稳定版选择安装标签
使用现有包管理工具安装
交由配置技能继续项目设置

中文介绍

功能

为尚未配置Storybook的项目首次安装Storybook。流程先通过npm view create-storybook version查询最新稳定版，再根据版本选择安装标签。安装完成后，交由/storybook-setup继续处理项目专属配置，例如.storybook/preview.ts文件。

适用场景

适合首次向现有项目添加Storybook。即使使用的包管理工具不是npm，流程也说明了如何选择对应命令，并保持相同的安装标签。

使用示例

“请为这个项目首次安装Storybook。”
“请使用pnpm添加Storybook，然后交由配置技能继续设置。”

注意事项

如果package.json中已有storybook依赖，或已有.storybook/目录，则不重复安装，应使用/storybook-setup。资料指定：稳定版低于11.0时，使用@next获取11.0 alpha；否则使用@latest。前一种路径安装的是alpha测试版。继续进行配置需要另一个独立技能/storybook-setup。

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

文档检查

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

安全性发送数据、删除文件、执行命令等是否有说明: A良好明确说明已有安装的检查条件，并指出@next会安装11.0 alpha。
安装难易度所需工具和 API 密钥是否少且有说明: B部分不足提供npm和pnpm示例，但未说明如何安装所需的/storybook-setup技能。

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

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

包含的文件（1）

SKILL.md796 B

SKILL.md（原文）

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

If Storybook is already installed (a storybook dependency in package.json, or a .storybook/ directory), do not install it again: switch to /storybook-setup.

First check the latest stable release with npm view create-storybook version. If it is below 11.0, run npm create storybook@next inside your project's root directory to get the 11.0 alpha; otherwise run npm create storybook@latest. Use the matching package-manager command with the same tag when appropriate, such as pnpm create storybook@next.
Invoke the /storybook-setup skill to help the user set up project-specific Storybook configuration, such as the .storybook/preview.ts file.

评价

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

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

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

同一仓库的技能