# Ant Design MCP
> Provides AI assistants with comprehensive Ant Design component documentation, examples, API references, and best practices. Supports multiple versions and enables natural language queries for React UI component development.
Canonical: https://www.mcpfolio.com/servers/ant-design-mcp-server
Last updated: 2026-10-28
## Catalog record

- Publisher: wxzhishang
- Categories: development, design

## Repository

https://github.com/wxzhishang/antd-mcp

## Transports

stdio

## Authentication

No credentials were configured; the tested read-only tool “get-best-practices” succeeded in an isolated environment. Other tools may have additional requirements.

## Tools

- **change-component-version**: 切换当前Ant Design版本
适用场景：
1. 用户主动切换版本
2. 其他工具需要切换版本时
- **get-best-practices**: 获取某个组件的最佳实践
适用场景：
1. 用户主动获取某个组件的最佳实践
2. 其他工具需要获取某个组件的最佳实践时
- **get-component-changelog**: 列出 Ant Design 特定组件的更新日志
适用场景：
1. 用户询问特定组件的更新日志
2. 在知道用户 antd 版本的情况下，当用户需要实现相关组件功能时判断是否在后续版本中才实现，来决定是否需要升级依赖
- **list-components**: 当用户请求一个新的用户界面（UI）使用 Ant Design 组件时使用此工具。
此工具仅返回可用的组件列表。
适用场景：
1. 用户希望看到可用的组件列表
2. 用户想要根据描述的场景知道可以用哪些组件
3. 其他工具调用需要用到可用组件列表时
- **get-component-docs**: 获取 Ant Design 特定组件的详细文档，支持数组形式传入
适用场景：
用户询问如何使用特定组件
- **get-component-examples**: 获取 Ant Design 特定组件的代码示例，支持数组形式传入
适用场景：
1. 用户询问特定组件的示例时
2. 用户想要实现某个功能时直接告知可使用的例子
3. 生成页面前需要获取组件的示例代码
- **get-component-api**: 获取 Ant Design 特定组件的API，api名称支持数组形式传入
适用场景：
1. 用户询问如何使用特定组件的API
2. 用户希望查询到对应API的ts类型以及联合类型值
3. 其他工具需要查看对应API，需要获取API的ts类型以及联合类型值时

## Sources

- [MCP.Directory public profile](https://mcp.directory/servers/ant-design-mcp-server)
- [Linked publisher repository](https://github.com/wxzhishang/antd-mcp)
- [npm registry metadata](https://registry.npmjs.org/antd-mcp)
- [maintainer_or_vendor_reference](https://ant.design/docs/react/mcp/)

## Setup

Use the interactive setup panel on [the detail page](https://www.mcpfolio.com/servers/ant-design-mcp-server) to view instructions for each supported client.