TDesign MCP Server
TDesign MCP Server 是一个功能强大的工具，支持组件库开发和使用。提供组件变更日志、组件文档、DOM 结构和组件列表等核心功能。
开发者工具
Claude Desktop · Cursor · Continue · VS Code
npm 4 个平台
5 项功能
安装
npm install tdesign-mcp-server
把上面的配置写入 MCP 客户端的配置文件（Claude Desktop 为 claude_desktop_config.json），重启客户端后生效。
{
"mcpServers": {
"tdesign": {
"command": "npx",
"args": ["-y", "tdesign-mcp-server"]
}
}
}把上面的配置写入 MCP 客户端的配置文件（Claude Desktop 为 claude_desktop_config.json），重启客户端后生效。
第一步：确保项目已安装 TDesign 组件库依赖。第二步：在终端执行 npm install tdesign-mcp-server 安装。第三步：在 MCP 客户端配置文件中添加 TDesign MCP Server 配置，无需额外环境变量。第四步：重启客户端，在对话中询问 TDesign 组件相关问题。第五步：AI 将从官方文档中检索答案并给出代码示例。
- 前端开发者在 IDE 中让 AI 查询 TDesign 组件的 API 文档和用法
- 项目中升级 TDesign 版本时让 AI 检查变更日志，评估影响
- UI 开发时让 AI 快速获取组件的 DOM 结构，辅助样式定制
- 新人入职时让 AI 回答 TDesign 组件使用问题，降低学习成本
- 代码审查时让 AI 检查组件使用是否符合最佳实践
- 查询组件 API 时，可以指定组件名称和版本号
- 变更日志可以帮助团队在升级前评估兼容性影响
- 可以结合 Edraw MCP 生成组件关系图
- 建议在开发过程中保持 MCP 服务运行，随时查阅文档
- 对于复杂组件，可以让 AI 分步骤解释其属性和事件
数据来源：公开的 MCP Server 目录。本站为独立第三方目录，与各 MCP Server 维护方均无隶属或背书关系；名称与简介如实标注，介绍文案由本站再加工。
