logoAnt Design

⌘ K
  • Design
  • Development
  • Components
  • Blog
  • Resources
YouMindTRACTIANLobeHubCodeRabbit
6.5.0
  • Ant Design of React
  • Component Token
  • Disable Motion
  • Dynamic Theme
  • First Example
  • Local Theme
  • Modify Theme Token
  • Preset Algorithm
  • Use Token
  • Changelog
    v6.5.0
  • Basic Usage
    • Getting Started
    • Usage with Vite
    • Usage with Next.js
      UPDATED
    • Usage with Umi
    • Usage with Rsbuild
    • Usage with Farm
    • Usage with Refine
  • Others
    • Sponsor
  • AI
    • For Agents
      NEW
    • design.md
      NEW
    • LLMs.txt
      NEW
    • MCP Server
      NEW
    • CLI
      NEW
  • Advanced
    • Customize Theme
    • CSS Compatible
    • Server Side Rendering
    • Use custom date library
    • Internationalization
    • Common Props
  • Migration
    • From v5 to v6
  • Other
    • Third-Party Libraries
    • Contributing
    • FAQ
Copy this prompt
What the agent gets
CLI — offline knowledge and project tools
design.md — design-language context
MCP Server — IDE integration
LLMs.txt — structured docs for LLMs

For Agents

Docs
Edit this pageLLMs.md
Sponsordesign.md

Resources

Ant Design X
Ant Design Charts
Ant Design Pro
Pro Components
Ant Design Mobile
Ant Design Mini
Ant Design Web3
Ant Design Landing-Landing Templates
Scaffolds-Scaffold Market
Umi-React Application Framework
dumi-Component doc generator
qiankun-Micro-Frontends Framework
Ant Motion-Motion Solution
China Mirror 🇨🇳

Community

Awesome Ant Design
Medium
X
yuque logoAnt Design in YuQue
Ant Design in Zhihu
Experience Cloud Blog
seeconf logoSEE Conf-Experience Tech Conference

Help

GitHub
Change Log
FAQ
For Agents
Bug Report
Issues
Discussions
StackOverflow
SegmentFault

Ant XTech logoMore Products

yuque logoYuQue-Document Collaboration Platform
AntV logoAntV-Data Visualization
Egg logoEgg-Enterprise Node.js Framework
Kitchen logoKitchen-Sketch Toolkit
Galacean logoGalacean-Interactive Graphics Solution
WeaveFox logoWeaveFox-AI Development with WeaveFox 🦊
xtech logoAnt Financial Experience Tech
Theme Editor
Made with ❤ by
Ant Group and Ant Design Community
loading

This page provides a ready-to-use prompt that lets any AI coding agent work with Ant Design effectively.

Copy this prompt

Copy into your agent conversation or automation runner.

text
This version may contain breaking changes. The component APIs, conventions, and file structure may differ from what is included in your training data. Before writing any code, please read https://ant.design/docs/react/for-agents.md and https://raw.githubusercontent.com/ant-design/ant-design-cli/main/skills/antd/SKILL.md, pay attention to deprecation warnings, and follow the instructions to use Ant Design.


If you can install skills, run:
npx skills add ant-design/ant-design-cli

What the agent gets

CLI — offline knowledge and project tools

@ant-design/cli ships all metadata locally — every prop, token, demo, and changelog entry for antd v3 / v4 / v5 / v6 — queryable in milliseconds, fully offline.

bash
npm install -g @ant-design/cli
bash
antd list                           # All components with versions
antd info Button                    # Component props, types, defaults
antd doc Button                     # Full markdown documentation
antd demo Select basic              # Runnable demo source code
antd token DatePicker               # Design Token values (v5+)
antd design.md                      # Design-language document (design.md)
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 env                            # Collect env info for bug reports
antd usage ./src                    # Analyze antd imports in project
antd lint ./src                     # Check deprecated APIs & best practices
antd migrate 3 4                    # v3 to v4 migration guide
antd migrate 4 5 --apply ./src      # Agent-ready migration prompt
antd mcp                            # Start MCP server for IDE integration
antd setup --client claude          # Set up MCP/Skill for AI agents
antd upgrade                        # Upgrade CLI to latest version

Full reference: CLI

design.md — design-language context

design.md is built for AI design tools. It describes the visual language, component archetypes, and theme tokens of Ant Design's default light theme.

Full reference: design.md

MCP Server — IDE integration

The CLI also runs as an MCP server with 8 tools and 2 prompts for IDE integration (Claude Code, Cursor, VS Code, etc.).

json
{
  "mcpServers": {
    "antd": {
      "command": "npx",
      "args": ["-y", "@ant-design/cli", "mcp"]
    }
  }
}

Full reference: MCP Server

LLMs.txt — structured docs for LLMs

Feed complete component documentation directly into AI context:

FileDescription
llms.txtNavigation file with links to all docs and components
design.mdDesign-language description for AI design tools
llms-full.txtFull component documentation (English)
llms-full-cn.txtFull component documentation (Chinese)

Single component docs are also available at https://ant.design/components/<name>.md.

Full reference: LLMs.txt, design.md