JinDaGe - mcp-bench-router MCP Details

article

README

🚀 mcp-bench-router

mcp-bench-router是一个MCP服务器，它通过 OpenRouter 将设计任务委托给当前在 designarena.ai 众包排行榜上排名第一的模型。

🚀 快速开始

AI编码助手生成的前端/设计输出质量一般。designarena.ai维护着一个实时的最佳设计模型排行榜，每2小时更新一次。这个MCP服务器允许Claude（或任何MCP客户端）自动将设计任务路由到当前最佳的模型。

✨ 主要特性

| 工具 | 描述 | |------|-------------| | get_best_design_model | 获取当前排名第一的设计模型，可选择按类别筛选 | | get_leaderboard | 通过类别筛选和分页浏览完整排名 | | query_design_model | 通过OpenRouter向最佳可用模型发送提示 | | query_specific_model | 通过OpenRouter向特定模型发送提示 |

📦 安装指南

前提条件

Node.js >= 18
一个 OpenRouter API密钥（query_design_model 和 query_specific_model 需要）

Claude代码（CLI）

claude mcp add mcp-bench-router -s user -e OPENROUTER_API_KEY=sk-or-... -- npx -y mcp-bench-router

Claude桌面版

在macOS的 ~/Library/Application Support/Claude/claude_desktop_config.json 或Windows的 %APPDATA%\Claude\claude_desktop_config.json 中添加以下内容：

{
  "mcpServers": {
    "mcp-bench-router": {
      "command": "npx",
      "args": ["-y", "mcp-bench-router"],
      "env": {
        "OPENROUTER_API_KEY": "sk-or-..."
      }
    }
  }
}

Cursor

在项目根目录的 .cursor/mcp.json 中添加以下内容：

{
  "mcpServers": {
    "mcp-bench-router": {
      "command": "npx",
      "args": ["-y", "mcp-bench-router"],
      "env": {
        "OPENROUTER_API_KEY": "sk-or-..."
      }
    }
  }
}

其他MCP客户端

OPENROUTER_API_KEY=sk-or-... npx -y mcp-bench-router

从源代码安装

git clone https://github.com/K1ta141k/mcp-bench-router.git
cd mcp-bench-router
npm install
npm run build

📚 详细文档

可以按设计类别进行筛选：allcategories、website、gamedev、3d、dataviz、uicomponent、image、logo、svg、video、imagetoimage、slides、graphicdesign、tts。

💻 使用示例

基础用法

查看当前排名第一的模型：

"使用 get_best_design_model 查看当前排名第一的设计模型"

浏览排名：

"给我展示网站设计模型排名前20的模型"

生成设计：

"使用 query_design_model 为SaaS产品创建一个着陆页"

使用特定模型：

"使用 query_specific_model 和 claude-sonnet-4-5 设计一个仪表盘"

🔧 技术细节

从designarena.ai的API获取实时排名（缓存2小时）
将竞技场模型名称映射到OpenRouter ID（静态 + 动态 + 模糊匹配）
跳过代号/未发布的模型，选择最佳可用模型
通过OpenRouter的API路由提示

📄 许可证

本项目采用MIT许可证。

mcp-bench-router