跳到正文
cccskills
免费在 GitHub 公开中文介绍

pr

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

原文查看原文说明

Creates a pull request following Storybook conventions. Use when creating PRs, opening pull requests, or submitting changes for review.

AI 评分90分/ 100查看安装方法

适用场景

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

中文介绍

功能

为Storybook的变更创建供审核的草稿拉取请求。标题结合受影响的领域和变更内容,并选择表示变更类别、持续集成测试范围以及发布前是否需要手动检查的标签。正文使用.github/PULL_REQUEST_TEMPLATE.md,保留所有HTML注释并填写各项内容。

适用场景

适合在提交修复或新增功能时统一项目专用的格式和标签。需要让其他维护者验证变更时,也可用来整理操作步骤、预期结果及容易受到影响的部分。

使用示例

  • “请将这些变更整理成符合Storybook规范的草稿拉取请求。”
  • “请检查手动测试步骤,选择必需的标签并创建拉取请求。”

注意事项

使用gh命令行工具创建拉取请求,始终采用草稿形式。手动测试部分必须填写,且其中的步骤需要事先在本地执行。如果无法判断是否需要手动质量检查,会向用户确认。Chromatic链接在持续集成完成后才能使用。只有用户要求试验版时,才会添加ci:canary标签。

本介绍由 AI(OpenAI Codex)根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。

客观评估

AI 仅根据 SKILL.md 的内容,从 4 个方面进行了评估。星标数和热度不计入评估。

指令清晰度能否看出何时使用、做什么
A良好明确说明用于创建拉取请求,将Storybook变更提交审核。
步骤具体性步骤、输入输出和示例是否具体
A良好提供标题示例、标签选择标准、正文填写要求和gh pr create命令。
安全性发送数据、删除文件、执行命令等是否有说明
A良好要求始终创建草稿,且仅在用户要求时添加ci:canary。
安装难易度所需工具和 API 密钥是否少且有说明
B部分不足需要gh和仓库模板,但未提供gh安装或认证步骤。

总分按每项 A=25 分、B=15 分、C=5 分相加。 由 AI(OpenAI Codex)于 2026年10月21日 评估。仅供参考,安装前请同时查看原文。

如果您认为评估有误,请申请复核

请写明哪一项有误以及原因。无需登录。我们会对照 SKILL.md 重新评估,并在此处更新结果。

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

包含的文件(1)

  • SKILL.md3.9 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

Create Pull Request

Creates a PR following Storybook conventions.

Title format

[Area]: [Description]

  • Area is capitalized, no spaces (dashes allowed)
  • Examples:
    • CSFFactories: Fix type export
    • Nextjs-Vite: Add support
    • CLI: Fix automigrate issue

Labels

Add these labels to the PR:

Category (required, pick one):

  • bug - fixes incorrect behavior
  • maintenance - user-facing maintenance
  • dependencies - upgrading/downgrading deps
  • build - internal build/test updates (no changelog)
  • cleanup - minor cleanup (no changelog)
  • documentation - docs only (no changelog)
  • feature request - new feature
  • BREAKING CHANGE - breaks compatibility
  • other - doesn't fit above

CI (required, pick one):

  • ci:normal - standard sandbox set; default for most code changes
  • ci:merged - merged sandbox set
  • ci:daily - daily sandbox set; use this when changes affect prerelease sandboxes or sandboxes pinned to a framework or React version other than latest
  • ci:docs - documentation-only changes (use with documentation category)

Canary (optional):

  • ci:canary - publish pkg.pr.new canary packages for an in-repo PR; later pushes republish while the label remains. Does nothing on fork PRs. To canary a fork PR, a maintainer runs publish-canary.yml with the pr input; do not ask the fork author to publish. Do not add this label unless the user asks for a canary.

QA (required, pick one):

Tells the release team whether manual QA is needed before the next minor release.

  • qa:needed — a human must manually verify this PR at release time
  • qa:skip — no per-PR manual QA needed at release time

Heuristics:

  • User explicitly asked for manual QA before release → qa:needed
  • Part of a larger project that gets holistic QA (not per-PR) → qa:skip
  • Touches paths, filesystem, or anything that could break on Windows → qa:needed
  • Complex change spanning multiple areas that must work together → qa:needed
  • Small change in central/shared code with high side-effect risk (e.g. layout CSS in shared UI) → qa:needed
  • Simple, straightforward change → qa:skip
  • Unsure → ask the user whether manual QA before minor release is necessary

PR body

Read .github/PULL_REQUEST_TEMPLATE.md from the repository root.

Copy that template EXACTLY, including all HTML comments (<!-- ... -->). Fill in the relevant sections based on the changes, but keep all comments intact.

Manual testing (required)

The Manual testing section is mandatory — never leave it empty. Write steps for a separate maintainer, not a log of how you tested.

Each step should be:

  • Clear and easy to follow
  • Copy-pasteable shell commands where applicable
  • Explicit about what behavior to inspect (expected outcome, not just "check it works")
  • Linked to specific stories for UI changes, or to build artifacts when relevant
  • Lists areas most likely to regress and worth extra scrutiny

Verify your own steps first — run through them locally before opening the PR.

When useful, link to published Chromatic Storybooks (CI must finish first; links won't work immediately after opening the PR):

  • Internal UI: https://<branch>--635781f3500dd2c49e189caf.chromatic.com/?path=/story/<story_id>
  • React Vite TS: https://<branch>--630511d655df72125520f051.chromatic.com/?path=/story/<story_id>

Replace <branch> with Chromatic's normalized slug (special chars → dashes, e.g. feature/foo → feature-foo) and <story_id> with the story path (e.g. example-button--primary).

Command

Always create PRs in draft mode:

gh pr create --draft --title "<Area>: <Description>" --body "<FILLED_TEMPLATE>" --label "<category>,<ci>,<qa>"

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

canary

免费有简介AI 评分 80分

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

  • 查找指定分支的试验版
  • 发布来自派生仓库的拉取请求试验版
  • 确认发布状态与安装命令
storybookjs/storybook9.1万2026年10月22日 更新

component-docs

免费有简介AI 评分 90分

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

  • 查找现有界面组件
  • 查看组件配置参数和使用示例
  • 询问组件用法
storybookjs/storybook9.1万2026年10月22日 更新

docs-review

免费有简介AI 评分 90分

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

  • 改进说明页面的结构和示例
  • 起草新功能文档
  • 讨论页面类型和目录
storybookjs/storybook9.1万2026年10月22日 更新

fix-linting-types-on-pr

免费有简介AI 评分 80分

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

  • 修复PR中的lint错误
  • 修复PR中的TypeScript错误
  • 修复来自分支仓库的PR
storybookjs/storybook9.1万2026年10月22日 更新

github-qa-labels

免费有简介AI 评分 80分

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

  • 按发布版本整理QA发现的问题
  • 划分程序缺陷的严重程度
  • 批量为Issue和PR添加标签
storybookjs/storybook9.1万2026年10月22日 更新

handle-pr-comments

免费有简介AI 评分 90分

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

  • 处理 PR 中未解决的审查意见
  • 选择修改、回复或跳过
  • 合并处理重复审查意见
storybookjs/storybook9.1万2026年10月22日 更新

查看 storybookjs 的全部技能

报告此技能的问题