关于 storybook-init
用于初始化 Storybook 的 Skill：先检查项目是否已安装，再根据最新稳定版选择安装命令，并调用 `/storybook-setup` 配置项目。
主要功能
- 01检查是否已有 Storybook
- 02查询最新稳定版
- 03选择匹配的 create-storybook 标签
- 04调用 `/storybook-setup`
适用场景
- 01避免重复安装 Storybook
- 02在新项目中启动 Storybook
- 03继续配置项目专属的 Storybook
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/storybook-init确认已加载。
详细介绍
如果已安装 Storybook（package.json 中存在 storybook 依赖，或存在 .storybook/ 目录），请勿再次安装：切换到 /storybook-setup。
- 首先使用
npm view create-storybook version检查最新稳定版本。如果低于 11.0，请在项目根目录中运行npm create storybook@next，以获取 11.0 alpha 版；否则运行npm create storybook@latest。必要时，使用带相同标签的对应包管理器命令，例如pnpm create storybook@next。 - 调用
/storybook-setup技能，帮助用户设置项目专属的 Storybook 配置，例如.storybook/preview.ts文件。
评论
支持 Markdown