storybook-init

Agent Skills › sanity-io/sanity › storybook-init

GitHub

用于在未配置 Storybook 的项目中初始化 Storybook，包括安装、添加 MCP 插件并调用后续技能完成项目特定配置。

.agents/skills/storybook-init/SKILL.md sanity-io/sanity

项目中缺少 Storybook 配置需要初始化 Storybook 环境

npx skills add sanity-io/sanity --skill storybook-init -g -y

More Options

Non-standard path

npx skills add https://github.com/sanity-io/sanity/tree/main/.agents/skills/storybook-init -g -y

Use without installing

npx skills use sanity-io/sanity@storybook-init

指定 Agent (Claude Code)

npx skills add sanity-io/sanity --skill storybook-init -a claude-code -g -y

安装 repo 全部 skill

npx skills add sanity-io/sanity --all -g -y

预览 repo 内 skill

npx skills add sanity-io/sanity --list

Frontmatter

{
    "name": "storybook-init",
    "description": "Use when adding Storybook to a project that does not have Storybook configured yet."
}

Run npm create storybook@latest inside your project's root directory to install the latest version of Storybook. Use the matching package-manager command when appropriate, such as pnpm create storybook@latest or yarn create storybook.
After initialization succeeds, run npx storybook add @storybook/addon-mcp.
Invoke the /storybook-setup skill to help the user set up project-specific Storybook configuration, such as the .storybook/preview.ts file.