跳到正文
cccskills
免费在 GitHub 公开

antd-migration

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.

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

原文查看原文说明

Migrate between Ant Design major versions. Use when upgrading from antd v4 to v5 or addressing breaking changes in component APIs.

ant-design/ant-design
查看安装方法

适用场景

  • Upgrading an Ant Design project from v4 to v5
  • Replacing removed components and deprecated properties
  • Migrating Less theme settings to theme tokens

包含的文件（1）

  • SKILL.md1.3 KB

SKILL.md（原文）

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

Ant Design Migration Guide

Migrate Ant Design projects between major versions, primarily v4 to v5.

When to Use

  • Upgrading from antd v4 to v5
  • Addressing deprecated component APIs
  • Replacing removed components or features
  • Converting from Less to CSS-in-JS styling

Instructions

  1. Review the migration guide at https://ant.design/docs/react/migration-v5
  2. Key migration steps from v4 to v5:
    • Replace less theme customization with ConfigProvider theme tokens
    • Update removed components: BackTop → FloatButton.BackTop, Comment → use @ant-design/compatible
    • Replace message.useMessage(), notification.useNotification(), modal.useModal() hooks
    • Update deprecated props (check migration guide for full list)
  3. Use the @ant-design/codemod-v5 tool for automated migrations
  4. For the complete breaking changes list, fetch https://ant.design/llms-full.txt

Notes

  • Ant Design v5 drops Less in favor of CSS-in-JS
  • Class name prefixes changed; if you used ant- prefix class names, update to dynamic class names
  • Some component APIs have changed; check the migration guide for each component

评价

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

评论

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

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

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

0 / 1000 字

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

同一仓库的技能

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.

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

  • Write a message for staged changes
  • Match the style of recent commits
  • Summarize changes across multiple files in one line
ant-design/ant-design10万2026年10月19日 更新

antd-component-lookup

免费

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日 更新

antd-create-pr

免费

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日 更新

antd-issue-reply

免费

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日 更新

antd-test-review

免费

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日 更新

antd-theme-customization

免费

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 的全部技能

报告此技能的问题