TDesign MCP Server

开发者工具

简介

TDesign MCP Server 是一个功能强大的工具，支持组件库开发和使用。提供组件变更日志、组件文档、DOM 结构和组件列表等核心功能。

核心功能

组件变更日志组件文档 DOM 结构获取组件列表开发支持

使用场景

1 前端开发者在 IDE 中让 AI 查询 TDesign 组件的 API 文档和用法

2 项目中升级 TDesign 版本时让 AI 检查变更日志，评估影响

3 UI 开发时让 AI 快速获取组件的 DOM 结构，辅助样式定制

4 新人入职时让 AI 回答 TDesign 组件使用问题，降低学习成本

5 代码审查时让 AI 检查组件使用是否符合最佳实践

快速开始

第一步：确保项目已安装 TDesign 组件库依赖。第二步：在终端执行 npm install tdesign-mcp-server 安装。第三步：在 MCP 客户端配置文件中添加 TDesign MCP Server 配置，无需额外环境变量。第四步：重启客户端，在对话中询问 TDesign 组件相关问题。第五步：AI 将从官方文档中检索答案并给出代码示例。

安装命令

        $ npm install tdesign-mcp-server
      

配置示例

{
  "mcpServers": {
    "tdesign": {
      "command": "npx",
      "args": ["-y", "tdesign-mcp-server"]
    }
  }
}

使用技巧

• 查询组件 API 时，可以指定组件名称和版本号

• 变更日志可以帮助团队在升级前评估兼容性影响

• 可以结合 Edraw MCP 生成组件关系图

• 建议在开发过程中保持 MCP 服务运行，随时查阅文档

• 对于复杂组件，可以让 AI 分步骤解释其属性和事件

平台支持

Claude Desktop, Cursor, Continue, VS Code