文档贡献者
本指南介绍如何通过 Model Context Protocol (MCP) 在 AI 工具中使用 Ant Design。
Model Context Protocol (MCP) 是一个开放协议，使 AI 模型能够与外部工具和数据源进行交互。通过 MCP，AI 助手可以访问实时文档、代码示例和 API 参考资料。
Ant Design 推荐使用社区维护的 MCP server：@jzone-mcp/antd-components-mcp
该 MCP server 提供以下功能：
| 工具 | 说明 | 提示词 |
|---|---|---|
| Cursor | 添加到 .cursor/mcp.json 或设置 → 功能 → MCP。文档 | 添加 Ant Design MCP 服务器。配置: { "mcpServers": { "antd-components": { "command": "npx", "args": ["-y", "@jzone-mcp/antd-components-mcp"] } } } |
| Windsurf | 添加到 ~/.codeium/windsurf/mcp_config.json。文档 | 添加 Ant Design MCP 服务器。配置: { "mcpServers": { "antd-components": { "command": "npx", "args": ["-y", "@jzone-mcp/antd-components-mcp"] } } } |
| Claude Code | 添加到 Claude 设置的 mcpServers。文档 | 添加 Ant Design MCP 服务器。配置: { "mcpServers": { "antd-components": { "command": "npx", "args": ["-y", "@jzone-mcp/antd-components-mcp"] } } } |
| Codex | 添加到 .codex/mcp.json。文档 | 添加 Ant Design MCP 服务器。配置: { "mcpServers": { "antd-components": { "command": "npx", "args": ["-y", "@jzone-mcp/antd-components-mcp"] } } } |
| Gemini CLI | 添加到 MCP 配置。文档 | 添加 Ant Design MCP 服务器。配置: { "mcpServers": { "antd-components": { "command": "npx", "args": ["-y", "@jzone-mcp/antd-components-mcp"] } } } |
| Trae | 添加到 MCP 设置。文档 | 添加 Ant Design MCP 服务器。配置: { "mcpServers": { "antd-components": { "command": "npx", "args": ["-y", "@jzone-mcp/antd-components-mcp"] } } } |
| Qoder | 添加到 MCP 配置。文档 | 添加 Ant Design MCP 服务器。配置: { "mcpServers": { "antd-components": { "command": "npx", "args": ["-y", "@jzone-mcp/antd-components-mcp"] } } } |
| Neovate Code | 在设置中配置 MCP 或使用提示词描述任务。文档 | 添加 Ant Design MCP 服务器。配置: { "mcpServers": { "antd-components": { "command": "npx", "args": ["-y", "@jzone-mcp/antd-components-mcp"] } } } |
如果您的 AI 工具不支持 MCP，可以使用我们的 LLMs.txt 支持。我们提供：