跳到正文
cccskills
免费在 GitHub 公开

changelog-creation

Prepare user-facing changelog entries for source code changes. The skill determines whether an entry is needed, classifies the change, writes a clear title, and uses the project CLI to create a JSON file tied to the pull request.

中文简介正在准备中。当前显示英语简介。

原文查看原文说明

Use when a source code change needs a changelog entry, or before committing and pushing any bug fix, feature, or behavior change to source code - detecting when entries are required, categorizing changes correctly (added/changed/fixed/deprecated/removed/security), writing user-facing titles, and creating the JSON entry in .changelogs/

集成工具GitHub
查看安装方法

适用场景

  • Add a changelog entry for a bug fix
  • Classify a new feature or behavior change
  • Explain a breaking change and its replacement
  • Check changelog filenames and entry counts before committing

包含的文件(1)

  • SKILL.md6.4 KB

SKILL.md(原文)

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

When an entry is required

Any PR that changes source code: bug fixes, features, behavior changes, deprecations, security fixes.

Not required for test-only, documentation-only, and CI/tooling changes (the gate passes them automatically; leave the marker out), or for a bug introduced but not yet released. To deliberately skip the entry on a change under handsontable/src/** or wrappers/**, write [skip changelog] in the PR description outside HTML comments.

Workflow: PR first, then the changelog

The file is named after the GitHub PR number, so the PR must exist first (a guessed number can go stale when another PR opens).

  1. Commit the source change on the feature branch.
  2. Push and run gh pr create (see the pr-creation skill).
  3. Read the PR number from the printed URL (.../pull/12395 is 12395).
  4. Create <repo-root>/.changelogs/<PR-number>.json with "issueOrPR" set to the same number. The path is the repo root, never a package subdirectory such as handsontable/.changelogs/.
  5. Commit with a message like DEV-xxx: Add changelog entry for PR #<number> and push.

Fields

{
  "issuesOrigin": "private",
  "title": "User-facing description of what changed.",
  "type": "fixed",
  "issueOrPR": 12345,
  "breaking": false,
  "framework": "none"
}

issuesOrigin answers one question: is issueOrPR a public GitHub issue number? It picks the link path in the generated CHANGELOG.md, and bin/changelog derives the filename from issueOrPR, so the two move together:

issuesOriginissueOrPRFilenameRendered link
"private" (default, every DEV-xxx task)PR number<PR-number>.json.../pull/<n>
"public" (rare, cites a real public GitHub issue)issue number<issue-number>.json.../issues/<n>

type:

TypeWhen
addedWholly new feature or capability
changedEnhancement or modification of existing behavior
fixedBug fix
deprecatedFeature scheduled for removal in the next major
removedFeature already removed in this release
securityVulnerability or XSS fix

framework: "none" (default, core handsontable), "react" (@handsontable/react-wrapper), "angular" (@handsontable/angular-wrapper), "vue" (@handsontable/vue3). Set breaking to true only when existing behavior breaks.

Title

  • Write from the user's perspective, in the past tense, specific, ending with a period: "Fixed cell editor closing unexpectedly on scroll."
  • Describe user-visible behavior; leave internal names ("Refactored DataMap", "Updated metaSchema.js") out.
  • Never put an @/api/... link in a title; use an absolute https://handsontable.com/docs/... URL. The @/api/... syntax resolves only on the docs site, and bin/changelog renders the title verbatim into CHANGELOG.md and the GitHub release body, where it 404s. Reference links for new options, hooks, methods, and plugins are added later on the docs changelog page (see .changelogs/README.md).
  • For "breaking": true (listed first in the generated changelog), state what breaks and what to do instead.

CLI

Create the entry with npm run changelog entry, never by writing the JSON by hand; it is the only thing that guarantees the filename (hand-written files are how every filename violation below happened). An existing target file is not overwritten in a non-interactive run: edit or remove it directly, or run in a terminal to confirm.

Without a terminal (agent session, CI) pass every field as a flag using the entry's own field names. --issue, the flag --help lists, never reaches issueOrPR, and issuesOrigin has no listed flag, so a run with only the listed flags dies with input.issuesOrigin must be one of: private,public (got: undefined):

node bin/changelog entry --issuesOrigin private --issueOrPR 12345 --type fixed --no-breaking --framework none "Fixed ..."

One entry per pull request

A PR adds one entry, even when it fixes several issues or makes several user-facing changes: fold them into one title. A second entry is correct only for a public GitHub issue closed alongside the PR: one file citing the issue number, one citing the PR number. Full rule: .changelogs/README.md.

A different type, a different framework (a change spanning the React, Vue, and Angular wrappers is one entry with framework: none), a second bug without an issue of its own, or unrelated-feeling changes (those belong in separate PRs) are not reasons for a second file. The type that matters most picks the section.

A file is always <issueOrPR>.json, a plain number. 13442-changed.json, 13442-react.json, and 013442.json are rejected, because a number owns exactly one file. If the name you need exists, fold your title into that entry.

Two blocking checks enforce this: bin/changelog rejects a misnamed file (every PR via the consume --dry-run step of the changelog job, locally via pre-push), and the changelog gate rejects a third entry file. A maintenance PR back-filling entries for other PRs writes [multiple changelogs] in the description to lift the count limit ([skip changelog] does not).

Before committing, list what the branch adds:

git fetch origin develop
git diff --name-only --diff-filter=A origin/develop...HEAD -- '.changelogs/*.json'

More than two paths means fold the titles and delete the extra files. Use the PR's base branch in place of develop for a release-branch PR.

Checklist

  1. PR exists (open or draft); its number comes from the gh pr create output or URL.
  2. type, user-facing title ending with a period, breaking, framework set.
  3. issuesOrigin is "private" unless the entry cites a real public GitHub issue.
  4. File is <repo-root>/.changelogs/<PR-number>.json (issue number with "public"), issueOrPR equal to the filename number, no suffix.
  5. Committed and pushed to the PR's branch.
  6. The branch adds one file under .changelogs/ (or two citing different numbers).

评价

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

评论

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

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

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

0 / 1000 字

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

同一仓库的技能

Develop and modify the Handsontable Angular wrapper with guidance on component lifecycle, settings updates, and NgZone, which controls change detection. It also covers standalone examples, global configuration, and the build and test workflow.

中文简介正在准备中。当前显示英语简介。

  • Fix settings updates in the Angular wrapper
  • Review change detection around grid operations
  • Update examples to standalone components
handsontable/handsontable2.2万2026年10月19日 更新

Open local or public web pages in BrowserStack Live for checks on real mobile devices or desktop browsers. The skill prepares temporary access to a local server, launches the requested session, and shares its dashboard link.

中文简介正在准备中。当前显示英语简介。

  • Check a local page on an Android device
  • Open a page in Safari on an iPhone or iPad
  • Inspect behavior in a specific desktop browser
handsontable/handsontable2.2万2026年10月19日 更新

Explore relationships between functions and files using a prebuilt code graph, a map of code dependencies. Trace bugs, inspect callers and execution paths, and assess the impact of refactoring or proposed changes.

中文简介正在准备中。当前显示英语简介。

  • Explore callers and dependencies in unfamiliar code
  • Trace a bug across multiple files
  • Assess the impact of renaming or removing code
handsontable/handsontable2.2万2026年10月19日 更新

Work with Handsontable row and column positions by distinguishing source data, displayed order, and rendered cells. It guides index conversion and helps investigate misplaced data when sorting, filtering, hiding, or moving rows and columns.

中文简介正在准备中。当前显示英语简介。

  • Investigating misplaced rows or columns
  • Converting between source and displayed indexes
  • Combining filters with manual column movement
handsontable/handsontable2.2万2026年10月19日 更新

Create Handsontable documentation examples for JavaScript, TypeScript, React, Angular, and Vue. The skill explains source files, generated JavaScript, required imports and license settings, embedding examples in guides, and checking that each framework version displays correctly.

中文简介正在准备中。当前显示英语简介。

  • Adding a code example to a feature guide
  • Preparing examples for multiple frameworks
  • Generating JavaScript examples from TypeScript
handsontable/handsontable2.2万2026年10月19日 更新

Build Handsontable demo pages for visual regression tests, which compare screenshots for appearance changes. It guides feature routes, URL-driven display states, sample data, and decisions about testing the same feature across framework wrappers.

中文简介正在准备中。当前显示英语简介。

  • Adding a demo route for a new feature
  • Creating multiple visual states through URL parameters
  • Planning visual coverage across framework wrappers
handsontable/handsontable2.2万2026年10月19日 更新

查看 handsontable 的全部技能

报告此技能的问题