Storybook

在Storybook中查找可复用的界面组件，随组件变更创建或更新展示示例，运行测试，并发布整理后的评审，供他人查看变更结果。

• 查找可用于界面修改的现有组件
• 随组件变更更新展示示例
• 运行展示示例测试

通过Storybook查询项目现有界面组件、配置参数和使用示例，用于回答组件用法问题，并在重复实现前判断能否复用现有组件。

• 查找现有界面组件
• 查看组件配置参数和使用示例
• 询问组件用法

将现有Storybook升级至11.0或更高版本，查阅并遵循官方升级指南；若最新稳定版低于11.0，则选择11.0的预发布测试版。

• 升级现有Storybook
• 满足Storybook 11.0以上的要求
• 稳定版不符合条件时升级至测试版

为尚未配置Storybook的项目选择并安装11.0及以上版本，根据最新稳定版决定使用正式版还是预览版，再转交独立技能完成项目专属配置。

• 首次为项目安装Storybook
• 根据稳定版情况选择安装版本
• 从安装转入项目专属配置

为已安装Storybook的项目配置可运行的preview文件和展示实际组件的示例故事。先核实安装情况及版本是否符合要求，再继续完成配置。

• 配置已安装Storybook的预览
• 编写展示实际组件的示例故事
• 在配置前核实版本要求

为QA测试发现的GitHub Issue和PR添加发布版本追踪标签，并按影响程度与变通方案为漏洞分类。支持批量添加标签，严重程度标签仅用于程序缺陷。

• 按发布版本整理QA发现的问题
• 划分程序缺陷的严重程度
• 批量为Issue和PR添加标签

为 Storybook 的主版本或次版本汇总预发布版本中的变更，排除已纳入补丁版本的内容，选出重点更新，并将重点与完整变更列表写入 CHANGELOG.md。

• 准备发布 Storybook 次版本
• 总结主版本的重要更新
• 汇总多个预发布版本的变更

从当前分支创建符合现有模板的草稿拉取请求，检查差异并判断比较基准分支，整理标题、变更说明、测试项目和标签。

• 从当前分支创建草稿拉取请求
• 在模板中填写变更与测试信息
• 确认分层拉取请求的比较基准

按Storybook规范创建供审核变更的草稿拉取请求，整理标题、必需标签和正文模板，并提供其他维护者能够复现的手动测试步骤。

• 提交Storybook变更以供审核
• 选择类别、持续集成和质量检查标签
• 编写可复现的手动测试步骤

修改Storybook本体或插件后，重新构建相关软件包并重启内部界面。启动后提供访问地址，还可按需展示与改动相关的故事界面评审。

• 修改内部代码后重新构建
• 重启Storybook内部界面
• 评审界面改动涉及的故事

根据Plausible汇总的Storybook文档访问数据，重新评估最低支持的浏览器版本。先提供统计依据和候选版本，经批准后更新配置与文档并创建PR。

• 根据实际访问情况调整浏览器支持范围
• 审核各版本使用占比和候选方案
• 同步更新支持配置与迁移指南

将PR的标题和说明与提交记录及实际改动对照，找出遗漏的重要变更和过时内容，提出修改方案，并在用户同意后更新。

• 核对PR说明与实际实现是否一致
• 补充说明中遗漏的重要变更
• 更新已过时的PR标题

按照官方升级指南，将已安装的Storybook更新至11.0及以上版本。若最新稳定版低于11.0，则按指定方案升级至11.0的预览版。

• 更新已安装的Storybook
• 统一至Storybook 11.0及以上版本
• 稳定版低于11.0时使用预览版

为已安装的 Storybook 配置可用的 preview 文件，并创建展示实际组件的故事。先检查现有安装状态，再按设置命令输出的步骤准备显示验证环境。

• 完善现有 Storybook 的显示设置
• 添加展示实际组件的故事
• 设置前检查版本是否符合要求

查找Storybook指定分支的试验版软件包，必要时执行发布流程，跟踪发布状态，并提供用于新建项目或更新现有项目的命令。

• 查找指定分支的试验版
• 发布来自派生仓库的拉取请求试验版
• 确认发布状态与安装命令

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

• 首次为项目安装Storybook
• 根据稳定版选择安装标签
• 使用现有包管理工具安装

根据读者和页面目的，审核、改进或新写Storybook的/docs文档。既可调整结构和示例、统一格式，也可讨论页面定位与文档规划。

• 改进说明页面的结构和示例
• 起草新功能文档
• 讨论页面类型和目录

将反复出现的纠正和提醒转化为代码静态检查、运行时检查或自动化脚本等防错机制，并将经验落实为具体修改或待办任务，防止同类错误再次发生。

• 防止同类实现错误反复出现
• 将重复指示转为自动检查
• 把纠正内容整理为笔记或规则

将项目中的Storybook相关软件包统一升级至指定版本，自动处理配套依赖；可选择稳定版或开发中构建，在外部应用中验证变更或复现问题。

• 在外部应用中试用开发构建
• 用指定版本复现问题
• 将相关软件包升级至最新稳定版

逐条整理 GitHub 拉取请求中尚未解决的审查意见，说明问题并提出修改方案，再按用户选择修改代码、回复或跳过，处理提交及将讨论标为已解决。

• 处理 PR 中未解决的审查意见
• 选择修改、回复或跳过
• 合并处理重复审查意见

检出GitHub的PR，修复lint代码规范问题和TypeScript类型错误，完成提交与推送。支持来自分支仓库的PR，并通过重复类型检查验证修复。

• 修复PR中的lint错误
• 修复PR中的TypeScript错误
• 修复来自分支仓库的PR

测量Storybook从进程启动到首个故事显示的时间，分别统计服务器响应与浏览器渲染耗时，汇总重复运行结果，用于比较版本或功能开关。

• 测量首个故事显示前的启动耗时
• 比较版本或功能开关
• 重复测量并汇总启动时间

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.

中文简介正在准备中。当前显示原文说明。

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.

中文简介正在准备中。当前显示原文说明。