# 腾讯 TDesign

检索组件列表、文档、DOM 结构和版本变更，辅助界面开发。

- 类型：MCP
- 权限：只读查询
- 门槛：免费可用
- 官方入口：https://cloud.tencent.com/developer/mcp/server/11721
- 官方仓库：https://github.com/TencentCloudCommunity/mcp-server/tree/main/src/tdesign-mcp-server
- 网页详情：https://guanmo-ai.github.io/awesome-agent-mcp/s/tdesign/

仅供参考，官方身份核验不代表接入实测；以厂商文档为准，密钥和登录在本地完成。

## 接入前准备

需 Node.js/npx；开发文档说明缺少本地组件仓库时可能自动克隆组件源码，先确认工作目录和磁盘空间。

## 接入步骤

1. 按官方 README 添加下方 npx 配置。 [官方入口](https://github.com/TencentCloudCommunity/mcp-server/tree/main/src/tdesign-mcp-server)
2. 若需本地源码分析，按仓库说明在独立目录准备对应框架组件仓库。 [官方入口](https://github.com/TencentCloudCommunity/mcp-server/tree/main/src/tdesign-mcp-server)

## 验证方法

调用 get-component-list 或读取已知组件文档，核对框架和组件名。

指引核对于 2026-11-05，不是本项目实测结果。

## 费用

所查官方接入资料未能确认该工具的具体调用费用和免费额度；实际费用按官方产品规则核实。 [官方来源](https://github.com/TencentCloudCommunity/mcp-server/tree/main/src/tdesign-mcp-server)（核对日期：2026-11-05）

## 安装配置

### JSON

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

### Claude Code

```
claude mcp add --transport stdio 'tdesign' -- 'npx' '-y' 'tdesign-mcp-server@latest'
```

### Codex

```
# ~/.codex/config.toml
[mcp_servers.tdesign]
command = "npx"
args = ["-y","tdesign-mcp-server@latest"]
```

JSON 示例用于 Claude Code 的 .mcp.json；${VAR} 从启动客户端的环境读取。Codex 的环境变量也须在启动进程中可用，不能将变量名替换成密钥值。

## 核验与来源

2026-11-05 核对官方身份：[依据](https://github.com/TencentCloudCommunity/mcp-server/tree/main/src/tdesign-mcp-server)。腾讯 TDesign 团队发布页和官方源码目录均给出四项查询工具及 npx 配置。

官方原文摘录（2026-11-05，来自上述依据）：

```
tdesign-mcp-server@latest
```

- [厂商官方接入文档](https://github.com/TencentCloudCommunity/mcp-server/tree/main/src/tdesign-mcp-server)
- [厂商官方发布依据](https://cloud.tencent.com/developer/mcp/server/11721)

[使用说明与免责声明](https://guanmo-ai.github.io/awesome-agent-mcp/#disclaimer)