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-code

Installs 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

More from ant-design/antd-skill

All 2
1huggingface avatarhuggingface-zerogpuhuggingface/skillsAI demos and GPU compute with Gradio Spaces and Hugging Face Spaces ZeroGPU. Use when writing or reviewing code that uses `@spaces.GPU`, configuring `python_ver1.4Kskills.sh installs
2vercel-labs avatarskill-creatorvercel-labs/json-renderGuide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabil1.4Kskills.sh installs
3charleswiltgen avataraxiom-testingcharleswiltgen/axiomUse when writing ANY test, debugging flaky tests, making tests faster, or choosing Swift Testing vs XCTest. Covers unit tests, UI tests, async testing, test arc1.4Kskills.sh installs
4secondsky avatarsap-abapsecondsky/sap-skillsComprehensive ABAP development skill for SAP systems. Use when writing ABAP code, working with internal tables, structures, ABAP SQL, object-oriented programmin1.3Kskills.sh installs
5charleswiltgen avataraxiom-concurrencycharleswiltgen/axiomUse when writing ANY async code, actors, threads, or seeing ANY concurrency error. Covers Swift 6 concurrency, @MainActor, Sendable, data races, async/await pat1.3Kskills.sh installs
6reactjs avatarreact-expertreactjs/react.devUse when researching React APIs or concepts for documentation. Use when you need authoritative usage examples, caveats, warnings, or errors for a React feature.1.3Kskills.sh installs