方案简介

Ant Design Pro 内置了两个 Claude Code Skills，位于 .claude/skills/ 目录下，为使用 Claude Code 进行开发的团队提供 AI 辅助能力：一个是 /pro-upgrade，用于自动升级到最新 Ant Design Pro 版本；另一个是 /antd，用于查询 antd 组件 API、props、token、demo、检查废弃用法及跨版本迁移，基于 @ant-design/cli 实现。如果你的项目是从本仓库克隆的，这些 skill 已经内置，无需额外安装。

亮点与能力

• /pro-upgrade：自动升级到最新 Ant Design Pro 版本，对比最新模板差异，合并框架变更并保留业务代码
• /antd：查询 antd 组件 API、props、token、demo；检查废弃用法；跨版本迁移，基于 @ant-design/cli
• 通过触发词即可调用，如 "升级"、"upgrade pro"、"update to latest"
• 可通过 npx skills add ant-design/ant-design-pro 获取最新 skill 定义

组成与分工

• Claude Code：AI 编程助手运行环境，Skills 挂载于 .claude/skills/ 目录
• @ant-design/cli：为 /antd skill 提供 antd 组件 API、props、token、demo 查询与废弃用法检查能力
• Ant Design：查询目标组件库

使用与配置要点

在 Claude Code 中使用：

bash

升级项目到最新 Pro 版本

/pro-upgrade

查询 antd 组件信息、调试问题、运行 lint 等

/antd

如需获取最新 skill 定义，可以从模板拉取更新或运行 npx skills add ant-design/ant-design-pro 刷新。

优缺点

• ✓ 从模板克隆即内置无需安装
• ✓ 升级时保留业务代码
• ✕ 需使用 Claude Code 环境

出处

本方案挖掘自开源项目 ant-design/ant-design-pro，方案内容与实施命令均来自其 README 原文。