设计模型路由服务

mcp台式路由器

MCP服务器，将设计任务委托给当前排名靠前的模型 designarena.ai的众包排行榜，通过 开放路由.

为什么？

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

工具

设置

先决条件

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

克劳德代码（CLI）

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

克劳德桌面版

增添 ~/Library/Application Support/Claude/claude_desktop_config.json （macOS）或 %APPDATA%\Claude\claude_desktop_config.json （Windows）：

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

光标

增添 .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.

使用示例

看看谁是#1：

“使用get_best_design_model查看当前顶部设计模型”

浏览排名：

“向我展示网站的前20个设计模型”

生成设计：

“使用query_design_model为SaaS产品创建登录页”

使用特定模型：

“使用query_specific_model和claude-sonnet-4-5设计仪表板”

运作原理

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

许可证

麻省理工学院