Add Storybook to a project that has no existing setup. Check the stable release to choose the installation tag, use the appropriate package manager, and hand off project-specific configuration to the separate /storybook-setup skill.
中文简介正在准备中。当前显示英语简介。
- Add Storybook to a project for the first time
- Choose an installation tag based on the stable release
- Install with the project's package manager
storybookjs/storybook☆ 9.1万2026年10月20日 更新
Add Storybook to a project that does not have it configured, choosing the installation tag based on the latest stable version. Then use the separate setup skill to configure Storybook for the project.
中文简介正在准备中。当前显示英语简介。
- Adding Storybook to a project for the first time
- Choosing an installation tag based on the stable release
- Continuing from installation to project-specific setup
storybookjs/storybook☆ 9.1万2026年10月20日 更新
Set up a working preview file and stories, examples showing real components, in an existing Storybook project. Check the installed version first, then follow the setup instructions produced by Storybook’s command.
中文简介正在准备中。当前显示英语简介。
- Set up a preview file in an existing Storybook project
- Prepare stories for real components
- Check Storybook prerequisites before setup
storybookjs/storybook☆ 9.1万2026年10月20日 更新
Set up an existing Storybook installation with a working preview file and stories that display real components. The skill checks prerequisites, then uses Storybook’s setup command and the instructions it provides.
中文简介正在准备中。当前显示英语简介。
- Configuring preview settings in an existing Storybook installation
- Adding stories for real project components
- Checking Storybook version requirements before setup
storybookjs/storybook☆ 9.1万2026年10月20日 更新
Rebuild modified packages in the Storybook monorepo and restart its internal UI after code changes. The workflow provides the running URL and can optionally create a UI review of stories related to the changes.
中文简介正在准备中。当前显示英语简介。
- Rebuilding after changes to Storybook internals
- Restarting the internal Storybook UI
- Reviewing stories related to UI changes
storybookjs/storybook☆ 9.1万2026年10月20日 更新
Upgrade an existing Storybook installation to version 11.0 or later using the official upgrade guide. If the latest stable release is below 11.0, the skill uses the 11.0 alpha, a prerelease version.
中文简介正在准备中。当前显示英语简介。
- Upgrade an existing Storybook installation
- Meet a Storybook 11.0 minimum version requirement
- Use the 11.0 alpha when stable releases are below 11.0
storybookjs/storybook☆ 9.1万2026年10月20日 更新
通过Storybook、本番源代码及现有浏览器测试检查Paperclip界面变更,分别报告渲染、交互、视觉比较和生产环境验证结果。
- 检查功能变更后的界面组件
- 检查错误、权限及移动端显示
- 检查Storybook指南与链接
paperclipai/paperclip☆ 10.5万2026年10月20日 更新
Measure Storybook startup from launching the process to displaying the first story. Separate server readiness from browser rendering, summarize repeated runs, and compare versions or feature flags to investigate slower startup.
中文简介正在准备中。当前显示英语简介。
- Measure startup through the first story render
- Compare Storybook versions or feature flags
- Summarize repeated startup measurements
storybookjs/storybook☆ 9.1万2026年10月20日 更新
Update all Storybook packages in a project to a chosen release or canary, an early development build. Use it to test changes in external apps, reproduce bugs, and keep package versions aligned while handling peer dependencies.
中文简介正在准备中。当前显示英语简介。
- Test a canary build in an external app
- Reproduce a bug with a specific Storybook release
- Update all Storybook packages to the latest stable release
storybookjs/storybook☆ 9.1万2026年10月20日 更新
Upgrade an existing Storybook installation to version 11.0 or later using the official upgrade instructions. When the latest stable release is below 11.0, the skill directs the agent to use the 11.0 alpha release.
中文简介正在准备中。当前显示英语简介。
- Upgrading an existing Storybook installation
- Moving Storybook to version 11.0 or later
- Using the 11.0 alpha when stable releases are below 11.0
storybookjs/storybook☆ 9.1万2026年10月20日 更新
Find reusable UI components in Storybook, create or update stories that show their states, run story tests, and publish a curated review so others can inspect the results of UI changes.
中文简介正在准备中。当前显示英语简介。
- Find existing components to reuse in UI changes
- Update stories alongside component changes
- Run story tests
storybookjs/storybook☆ 9.1万2026年10月20日 更新
将Paperclip的Storybook界面示例与实际产品及功能清单对照,整理数据、分类和引用,保留示例标识与链接,并区分当前功能示例、原型和历史探索。
- 在界面变更后维护展示示例
- 更新模拟数据与API响应
- 分类原型和历史界面示例
paperclipai/paperclip☆ 10.5万2026年10月20日 更新
Create a draft pull request for reviewing Storybook changes. Prepare a title, required labels, and a description using the repository template, including verified manual testing steps that another maintainer can follow.
中文简介正在准备中。当前显示英语简介。
- Submit Storybook changes for review
- Choose category, CI, and manual QA labels
- Prepare reproducible manual testing instructions
storybookjs/storybook☆ 9.1万2026年10月20日 更新
Prepare a CHANGELOG.md entry for a Storybook minor or major release. Collect changes from prereleases, filter out changes already backported to patch releases, select significant highlights, and combine them with the full change list.
中文简介正在准备中。当前显示英语简介。
- Prepare a changelog for a Storybook minor release
- Summarize major release highlights
- Consolidate changes from prereleases
storybookjs/storybook☆ 9.1万2026年10月20日 更新
Set up Storybook for React Native in Expo, React Native CLI, or Re.Pack projects. Use when adding Storybook to a project, configuring metro.config.js with withStorybook, creating .rnstorybook configuration files, setting up Storybook routes in Expo Router, configuring getStorybookUI, or adding the StorybookPlugin to a Re.Pack rspack/webpack config. Covers Expo, Expo Router, plain React Native CLI, and Re.Pack setups.
中文简介正在准备中。当前显示原文说明。
storybookjs/react-native☆ 13232026年10月20日 更新
Look up a project's existing UI components in Storybook, including their props, or configuration inputs, and usage examples. Use the findings to answer questions and identify components to reuse before building duplicates.
中文简介正在准备中。当前显示英语简介。
- Find existing UI components
- Check component props and usage examples
- Answer questions about component usage
storybookjs/storybook☆ 9.1万2026年10月20日 更新
Find a trial Storybook package for a specific branch, or trigger its publication when needed. Check release progress and obtain the package reference or commands for creating or upgrading a project with that build.
中文简介正在准备中。当前显示英语简介。
- Find a trial package for a Storybook branch
- Publish a trial build for a fork pull request
- Check publication progress and installation commands
storybookjs/storybook☆ 9.1万2026年10月20日 更新
Review, improve, rewrite, or draft Storybook documentation in /docs. Assess each page’s purpose, audience, structure, and examples, then make suitable edits or provide a content plan, with formatting checks after changes.
中文简介正在准备中。当前显示英语简介。
- Improve the structure and examples of a documentation page
- Draft documentation for a new feature
- Plan page types and outlines
storybookjs/storybook☆ 9.1万2026年10月20日 更新
Build Storybook page stories for SigNoz by mapping API requests, display states, and URL parameters. Use msw mock responses, which simulate API replies, and controls to inspect loading, errors, permissions, and other page states.
中文简介正在准备中。当前显示英语简介。
- Creating Storybook stories for SigNoz pages
- Switching between loading, empty, and error states
- Checking how permissions affect buttons and controls
SigNoz/signoz☆ 3.2万2026年10月20日 更新
Review Storybook's minimum supported browser versions using Plausible documentation traffic data. The skill presents usage evidence and proposed versions for approval, then updates pinned settings and documentation and opens a pull request with the recorded decision.
中文简介正在准备中。当前显示英语简介。
- Review minimum browser versions using documentation traffic
- Compare browser version shares and approve support floors
- Update browser settings and migration documentation together
storybookjs/storybook☆ 9.1万2026年10月20日 更新
Import an existing React component library into Claude Design, including its styles, usage references, and previews. This lets the design agent build screens and prototypes using the same components already maintained in the source project.
中文简介正在准备中。当前显示英语简介。
- Importing an existing React design system into Claude Design
- Creating prototypes with existing components and styles
- Syncing component changes after an initial import
asgeirtj/system_prompts_leaks☆ 7万2026年10月20日 更新
Add Storybook stories, examples of component states, for the Kilo VS Code extension UI. The existing Playwright runner turns them into screenshot comparisons to check visual changes across states and widths.
中文简介正在准备中。当前显示英语简介。
- Add screenshot coverage for chat or settings screens
- Check layouts at 420px and 200px widths
- Show permission requests using mock data
Kilo-Org/kilocode☆ 2.8万2026年10月20日 更新
Incrementally upgrade React Native Storybook across the supported migration paths. Use when upgrading `@storybook/react-native` projects from 5.3.x to 6.5.x, 6.5.x to 7.6.x, 7.6.x to 8.3.x, 8.x to 9.x, or 9.x to 10.x. Detect the currently installed Storybook version, choose only the next migration step, update dependencies and config, regenerate `storybook.requires`, convert remaining `storiesOf` stories to CSF during the `6.5.x -> 7.6.x` upgrade, and stop after a single version hop instead of jumping multiple major versions at once.
中文简介正在准备中。当前显示原文说明。
storybookjs/react-native☆ 13232026年10月20日 更新
Create and edit React Native Storybook stories using Component Story Format (CSF). Use when writing .stories.tsx files, adding stories to React Native components, configuring Storybook addons (controls, actions, backgrounds, notes), setting up argTypes, decorators, parameters, or working with portable stories for testing. Applies to any task involving @storybook/react-native story authoring.
中文简介正在准备中。当前显示原文说明。
storybookjs/react-native☆ 13232026年10月20日 更新