본문으로 건너뛰기
cccskills
무료GitHub에 공개

antd-commit-msg

Write a single-line commit message for Ant Design by reading staged changes, the changes selected for the next commit. It summarizes the full commit intent and follows the style of recent repository commits.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

원문원문 설명 보기

Generate a single-line commit message for ant-design by reading the project's git staged area and recent commit style. Use when the user asks for a commit message, says "msg", "commit msg", "写提交信息", or wants one-line text that covers all staged changes. Output should match the repository's existing commit style and summarize all staged changes in one line.

설치 방법 보기

이럴 때 유용합니다

  • Write a message for staged changes
  • Match the style of recent commits
  • Summarize changes across multiple files in one line
  • Choose a commit type and component scope

포함된 파일(2)

  • SKILL.md5.7 KB
  • references/format-and-examples.md3.4 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Ant Design Commit Message 生成规范

目标

一、准确概括提交内容 - 基于当前 git 暂存区 生成一行 commit message,覆盖本次提交包含的全部改动。

二、保持仓库风格一致 - 优先贴近仓库已有提交习惯,而不是机械套模板。

核心原则

commit message 不是对 diff 的逐文件罗列,而是对这次提交意图的压缩表达。先读暂存区,再归纳,再输出一行。

触发场景

当用户提及以下任一情况时使用本 skill:

  • 要写 commit message、提交信息
  • 说「msg」且语境是 git 提交
  • 需要根据当前改动生成一句提交说明
  • 想让 agent 按 staged changes 总结一行提交标题

基本规则

一、默认只看暂存区

默认只根据 staged changes 生成 message,因为真正会被提交的是暂存区内容。

若用户明确说「包含未暂存内容」或「按全部改动写」,才额外查看 git diff。

二、必须先看仓库最近提交风格

生成 message 前,除了看暂存区,还要看最近提交,避免写出不符合仓库习惯的格式。

三、默认只输出最终一行

除非用户明确要求解释理由,否则最终回复只给 一行 commit message,不要附带分析、项目符号、代码块或引号。

执行步骤

1. 读取 git 状态、暂存区和最近提交

必须先获取以下信息,再生成 message。不要猜测,也不要只凭文件名写。

建议执行的命令:

git status --short
git diff --cached --stat
git diff --cached
git log --oneline -10
  • git status --short:确认哪些文件已 stage,是否还有未 stage 内容。
  • git diff --cached --stat:快速把握改动范围。
  • git diff --cached:查看实际提交内容,这是生成 message 的依据。
  • git log --oneline -10:检查仓库最近的提交风格、语言、type/scope 习惯。

2. 先判断是否能生成

若暂存区为空:

  • 不要编造 message。
  • 明确说明当前没有 staged changes,无法基于提交区生成准确的一行 commit message。

3. 归纳这次提交的主语义

根据 git diff --cached 的结果:

  1. 找出本次提交的主要目的:新功能、修 bug、文档修改、重构、测试、脚本或依赖调整等。
  2. 识别主要影响范围:组件、目录、站点、脚本、文档等。
  3. 若包含多个文件或多类小改动,用一个更高层级的概括覆盖全部,不要逐项拼接成长句。

4. 对齐 ant-design 仓库风格

优先模仿仓库近期写法。对于 ant-design,通常可见这些形式:

  • fix(Component): ...
  • docs: ...
  • chore: ...
  • ci: ...
  • site: ...

注意:

  • 不要强行把所有提交都写成严格的 Conventional Commits。
  • 如果仓库已有更自然的写法,优先贴近仓库已有习惯。
  • 若改动主要在 site,可用 site: ...;若是明确修 bug,也可用 fix(site): ...。

5. 生成一行 message

输出应满足:

  • 一行
  • 覆盖全部 staged changes
  • 简洁
  • 与仓库风格一致
  • 可直接拿去提交

写法要求

标题格式

优先使用以下之一:

<type>(<scope>): <subject>

或

<scope>: <subject>

例如:

  • fix(Table): correct pagination when data is empty
  • docs: update FAQ link in issue template
  • site: add one-click copy theme code button

标题规则

  • 使用祈使语气,写现在要做什么,如 add / fix / update
  • 首字母不要大写,除非 scope 是组件名,如 Button、Table
  • 结尾不要句号
  • 尽量控制在 72 个字符内
  • 不要出现 WIP、misc、update files 这类空泛表述

type 选择

常见类型:

  • feat:新增功能
  • fix:修复问题
  • docs:文档改动
  • refactor:重构
  • test:测试改动
  • chore:依赖、脚本、工程杂项
  • ci:CI 流程改动
  • site:站点展示、文档站交互、官网相关

不确定时:

  • 有用户可见行为修正,优先 fix
  • 只是文字、示例、说明更新,优先 docs
  • 只是工具链、依赖、脚本调整,优先 chore

scope 选择

  • 改动集中在单个组件时,用组件名,如 Button、Table
  • 改动集中在目录或模块时,用 site、scripts、docs
  • 若没有明确 scope,允许省略

边界情况

多类改动混在一起

如果 staged changes 混合了文档、样式、类型、小修复等内容:

  • 优先找主目的
  • 如果没有单一主目的,用更上层的概括
  • 目标是“诚实地覆盖全部改动”,不是把每个点都塞进标题

提交内容过于分散

若暂存区包含明显不相关的多组改动:

  • 仍然给出一个尽量诚实的一行 message
  • 不要假装这些改动只有一个很具体的目的
  • 可使用较宽的概括,如 chore(components): clean up styles, types and docs

禁止

  • 不读取 git diff --cached 就写 message
  • 只根据文件名猜测内容
  • 只描述部分文件或部分改动,忽略其它已 stage 内容
  • 输出多行说明,把分析当成 commit message
  • 为了套格式而违背仓库已有风格
  • 写超过 72 个字符的冗长标题,除非很难避免

参考

更多 type、scope、antd 风格示例与边界情况见 references/format-and-examples.md。

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Look up Ant Design React components in official documentation to find available settings, default values, and usage examples. Check subcomponents and methods, and consult type definitions in the antd package when TypeScript details are needed.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Checking component settings and default values
  • Finding usage examples and demo code
  • Looking up available subcomponents and methods
ant-design/ant-design10만2026년 10월 19일 업데이트

Prepare Ant Design pull requests from all changes on a branch. It uses official templates, drafts an English title and a Chinese or English body, and asks for approval before creating the pull request.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Summarize all branch changes for a pull request
  • Draft a title and body using an official template
  • Check the target branch and change type
ant-design/ant-design10만2026년 10월 19일 업데이트

Review Ant Design GitHub issues and prepare responses, labels, and closure recommendations. It distinguishes bugs from feature requests, checks bot answers, and presents a complete plan for approval before making changes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Draft responses to unanswered issues
  • Classify bugs and feature requests
  • Review dosubot answers
ant-design/ant-design10만2026년 10월 19일 업데이트

Update Ant Design projects, mainly from v4 to v5, by reviewing changed component APIs, replacing removed features, and migrating theme settings. The skill also guides use of the official tool for automated code changes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Upgrading an Ant Design project from v4 to v5
  • Replacing removed components and deprecated properties
  • Migrating Less theme settings to theme tokens
ant-design/ant-design10만2026년 10월 19일 업데이트

Review Ant Design tests to decide whether they should be kept, rewritten, or removed. Examine documented behavior and existing coverage to identify duplicate checks or assertions that merely repeat implementation details, with concise reasons for each conclusion.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Deciding whether a test should be kept, rewritten, or removed
  • Finding assertions that merely repeat implementation details
  • Checking for duplicate test coverage
ant-design/ant-design10만2026년 10월 19일 업데이트

Customize Ant Design colors, spacing, corners, and typography using design tokens, shared values that control appearance. Configure global styles, individual components, dark mode, and CSS variables through ConfigProvider, and extract computed theme values when needed.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Matching interface colors and typography to a design
  • Configuring a dark theme
  • Adjusting the appearance of individual components
ant-design/ant-design10만2026년 10월 19일 업데이트

ant-design의 스킬 모두 보기

이 스킬의 문제 신고