home / mcp / ant design components mcp server

Ant Design Components MCP Server

Provides ready-to-query Ant Design component documentation, properties, code examples, and changelogs through an MCP server.

Installation

Add the following to your MCP client configuration file.

Configuration

View docs

{
  "mcpServers": {
    "zhixiaoqiang-antd-components-mcp": {
      "command": "npx",
      "args": [
        "@jzone-mcp/antd-components-mcp"
      ]
    }
  }
}

You can use this MCP server to access and explore Ant Design component documentation through a dedicated set of tools. It pre-processes and serves component data, enabling efficient querying of component lists, properties, code examples, and changelogs to help you build and understand Ant Design interfaces with ease.

How to use

You interact with the MCP server through an MCP client. Start the server in your development or tooling environment, then connect your client to it to query available components, view documentation, fetch code examples, and inspect changelogs. The server exposes a stable, optimized surface designed to minimize repetitive tool calls and deliver context-friendly content for frontend development tasks.

How to install

Prerequisites: you need Node.js and npm installed on your system.

Install and run the MCP server using the provided runtime command. The server is designed to be executed with npx so you don’t need to install it globally.

Step-by-step commands you can run immediately:

# Ensure you have Node.js and npm installed
node -v
npm -v

# Run the MCP server via npx (no local installation required)
npx @jzone-mcp/antd-components-mcp

Configuration and integration notes

Typical integration is done via MCP client configuration. An example setup for Claude Desktop is shown below to route the Ant Design Components MCP server through the client. You specify the MCP server entry with the command and arguments used to start it.

{
  "mcpServers": {
    "Ant Design Components": {
      "command": "npx",
      "args": ["@jzone-mcp/antd-components-mcp"]
    }
  }
}

Tools and how to use them

This MCP server provides several tools you can use to discover and work with Ant Design components.

Troubleshooting and tips

If you encounter start-up or connectivity issues, verify you can run the MCP command directly and that your MCP client is configured to connect to the running process. Ensure you are using a compatible MCP client and that the environment supports npx execution in your workflow.

Available tools

list-components

List all available Ant Design components with their descriptions, available versions, and usage notes.

get-component-docs

Fetch detailed documentation for a specific Ant Design component, including API and usage details (no code examples).

list-component-examples

Retrieve code examples for a specific Ant Design component to illustrate usage scenarios.

get-component-changelog

Provide the changelog for a specific Ant Design component, showing versioned changes.