LogoClawIndex
案例技能关于
LogoClawIndex

storybook-configuration - 配置 Storybook 插件、构建器与框架集成

为项目设置和配置 Storybook,包括主配置、预览配置、插件、构建器及框架特定集成。

标签

更新于: 2026-06-30

能力

典型输入

典型输出

该技能可以做什么

  • 编写主配置文件
  • 编写预览配置文件
  • 安装和配置 Storybook 插件
  • 配置 story 文件匹配模式
  • 配置框架集成
  • 添加全局装饰器和 Provider
  • 配置无障碍测试规则
  • 配置主题切换
  • 设置代码覆盖率
  • 编写 manager 配置文件
  • 创建自定义 Storybook 插件

输入

  • 项目源文件
  • Storybook 配置目录
  • 框架配置文件(vite.config、next.config、webpack.config)
  • Story 文件
  • 全局 CSS 文件

输出

  • Storybook 主配置文件
  • Storybook 预览配置文件
  • Storybook manager 配置文件
  • 自定义插件源文件

要求

  • Node.js 运行环境
  • 项目中已安装 Storybook
  • TypeScript 支持
  • 文件系统读写权限

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
Storybook
配置
插件
UI 组件
前端工具
TypeScript
编写主配置文件
编写预览配置文件
安装和配置 Storybook 插件
配置 story 文件匹配模式
项目源文件
Storybook 配置目录
框架配置文件(vite.config、next.config、webpack.config)
Storybook 主配置文件
Storybook 预览配置文件
Storybook manager 配置文件