Back to Ant Design

CLI

docs/react/cli.en-US.md

6.4.45.9 KB
Original Source

This guide explains how to use @ant-design/cli to query Ant Design component knowledge, analyze project usage, and guide migrations from the command line.

What is Ant Design CLI?

@ant-design/cli is an official command-line tool that brings Ant Design knowledge to your terminal. It ships all metadata locally — every prop, token, demo, and changelog entry for antd v3 / v4 / v5 / v6 — queryable in milliseconds, fully offline.

Highlights

  • Fully offline — All metadata ships with the package. No network calls, no latency, no API keys.
  • Version-accurate — 55+ per-minor snapshots across v3/v4/v5/v6. Query the exact API surface of any version.
  • Agent-optimized--format json on every command. Structured errors with codes and suggestions.
  • Bilingual — Every component name, description, and doc has both English and Chinese. Switch with --lang zh.
  • Smart matching — Typo Buttn? The CLI suggests Button using Levenshtein distance.

Install

bash
npm install -g @ant-design/cli

Quick Start

bash
antd info Button                    # Component props, types, defaults
antd demo Select basic              # Runnable demo source code
antd token DatePicker               # Design Token values (v5+)
antd semantic Table                 # classNames / styles structure
antd changelog 4.24.0 5.0.0 Select  # API diff across versions
antd doctor                         # Diagnose project issues
antd lint ./src                     # Check deprecated APIs & best practices
antd migrate 4 5 --apply ./src      # Agent-ready migration prompt

Commands

Knowledge Query

CommandDescription
antd listList all components with bilingual names, categories, and since versions
antd info <Component>Props table with types, defaults, since, and deprecated status
antd doc <Component>Full markdown documentation for a component
antd demo <Component> [name]Runnable demo source code (TSX)
antd token [Component]Global or component-level Design Tokens
antd design.mdDesign-language document for AI design tools
antd semantic <Component>Semantic classNames / styles structure with usage examples
antd changelog [v1] [v2] [component]Changelog entries, version ranges, or cross-version API diff

Project Analysis

CommandDescription
antd doctor10 diagnostic checks: React compat, duplicates, peer deps, SSR, babel plugins
antd usage [dir]Import stats, sub-component breakdown (Form.Item), non-component exports
antd lint [target]Deprecated APIs, accessibility gaps, performance issues, best practices
antd migrate <from> <to>Migration checklist with auto-fixable/manual split and --apply agent prompt
antd env [dir]Collect antd-related environment information for bug reports

Issue Reporting

CommandDescription
antd bugSubmit a bug to the ant-design repository
antd bug-cliSubmit a bug to the ant-design-cli repository

CLI Management

CommandDescription
antd mcpStart an MCP server with 8 tools and 2 prompts for IDE integration
antd upgradeUpgrade the CLI to the latest version

The antd mcp command launches a Model Context Protocol server, allowing AI assistants to access Ant Design knowledge directly. See the MCP Server guide for full details and configuration.

Global Flags

FlagDescriptionDefault
--format json|text|markdownOutput formattext
--version <v>Target antd version (e.g. 5.20.0)auto-detect
--lang en|zhOutput languageen
--detailInclude extended informationfalse
-V, --cli-versionPrint the CLI version-

Environment Variables

VariableDescription
ANTD_NO_AUTO_REPORT=1Disable bug-reporting suggestions
NO_UPDATE_CHECK=1Skip the version update check
CI=1Same as NO_UPDATE_CHECK=1

Usage with AI Tools

The CLI ships with a built-in skill file that teaches code agents when and how to use each command:

bash
npx skills add ant-design/ant-design-cli
ToolDescription
Claude CodeInstall as agent skill or use antd commands directly in terminal. Documentation
CursorInstall skill, the agent will call CLI commands automatically. Documentation
CodexInstall skill to enable agent access. Documentation
Gemini CLIInstall skill for automatic command invocation. Documentation

Works with any agent supporting the skills protocol.

Learn More