Gives Claude direct access to the Ant Design CLI for querying component APIs, demos, tokens, and migration guides without guessing from memory. The workflow is simple: before writing any antd code, run `antd info` to check props, grab a working demo, then write. It's especially useful for debugging version-specific issues (you can query exact versions like 5.12.0), running migration checklists between major versions, and linting projects for deprecated patterns. The CLI bundles all antd metadata offline, so nothing hits the network. One nice detail: it auto-reports its own bugs when Claude notices incorrect data, which means the tool actually improves as you use it. Works as both a bash command and an MCP server if your IDE supports it.
- skills.sh installs
- 1.4K
- GitHub stars
- 139
- last updated
- Aug 21, 2026
Install
$ npx -y skills add ant-design/antd-skill --skill antd --agent claude-codeInstalls into .claude/skills of the current project.
Files
Ant Design CLI
You have access to @ant-design/cli — a local CLI tool with bundled antd metadata for v4/v5/v6. Use it to query component knowledge, analyze projects, and guide migrations. All data is offline, no network needed.
Setup
Before first use, check if the CLI is installed. If not, install it automatically:
which antd || npm install -g @ant-design/cli
After running any command, if the output contains an "Update available" notice, run npm install -g @ant-design/cli to update before continuing.
Always use --format json for structured output you can parse programmatically.
Scenarios
1. Writing antd component code
Before writing any antd component code, look up its API first — don't rely on memory.
# Check what props are available
antd info Button --format json
# Get a working demo as starting point
antd demo Button basic --format json
# Check semantic classNames/styles for custom styling
antd semantic Button --format json
# Check component-level design tokens for theming
antd token Button --format json
Workflow: antd info → understand props → antd demo → grab a working example → write code.
Sponsors
Details
- Repository
- github.com/ant-design/antd-skill
- Categories
- Documentation, Debugging, Design & UI/UX
- First seen
- Jun 3, 2026
