ant-design

ant-design-cli

Frontend🌱 NEW PROJECT BOOST#Ant Design#CLI #React #Developer Tools

195

// summary

The @ant-design/cli provides a comprehensive, offline-first command line tool for querying Ant Design component metadata and documentation. It supports developers and AI agents by offering version-accurate API lookups, project analysis, and automated migration guidance across multiple Ant Design versions. The tool integrates seamlessly into development workflows through direct CLI commands, MCP server support, and agent-ready output formats.

// technical analysis

The @ant-design/cli is a specialized command-line tool designed to provide instant, offline access to Ant Design API metadata, documentation, and migration guides. By bundling comprehensive version snapshots for antd v3 through v6, it solves the problem of slow or inaccurate documentation lookups for developers and AI code agents. Its architecture prioritizes developer experience and agent-readiness, offering structured JSON outputs and an MCP server to facilitate seamless integration into modern IDEs and automated workflows.

// key highlights

Operates entirely offline by bundling all metadata, eliminating network latency and dependency on external API keys.

Provides version-accurate data across 55+ minor snapshots, allowing developers to query the exact API surface of specific antd versions.

Optimized for AI agents with structured JSON output, clear stdout/stderr separation, and specific error codes.

Includes a built-in MCP server to enable native integration with IDEs like Cursor and Claude Desktop.

Features a robust migration engine that provides step-by-step checklists and auto-fixable prompts for upgrading between major versions.

Supports bilingual documentation in English and Chinese, switchable via simple command-line flags.

// use cases

Querying version-specific component props, design tokens, and documentation offline

Analyzing project usage and linting code for deprecated APIs or accessibility issues

Generating automated migration checklists and prompts for upgrading between Ant Design versions

// getting started

To begin, install the CLI globally using 'npm install -g @ant-design/cli'. Once installed, you can immediately query component information using commands like 'antd info Button' or run 'antd doctor' to diagnose your current project's configuration. For AI-assisted development, you can add it as a skill using 'npx skills add ant-design/ant-design-cli' or configure it as an MCP server in your IDE settings.