mcpField
M
MCP Bench Router

MCP Bench Router

本地服务
github.com/K1ta141kAI 与智能体738 周前更新

关于 MCP Bench Router

MCP Bench Router 面向需要委派设计任务的 MCP 客户端,依据 designarena.ai 排名选择模型。它查询当前榜单,并通过 OpenRouter 将提示词发送给排名最高且可用的模型,也可指定模型。

主要功能

  1. 01查找排名最高的设计模型
  2. 02按类别筛选并分页浏览排名
  3. 03将提示词路由到最高排名的可用模型
  4. 04通过 OpenRouter 查询指定模型

适用场景

  1. 01查看某个设计类别的领先模型
  2. 02查阅网站设计的高排名模型
  3. 03将设计提示词委派给当前领先模型
  4. 04向指定模型发送提示词

MCP 相关

向 MCP 客户端提供榜单和模型查询工具。通过 OpenRouter 路由模型提示词;查询模型需要 API 密钥。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
"mcpServers": {
"k1ta141k-mcp-bench-router": {
"command": "npx",
"args": [
"-y",
"mcp-bench-router"
],
"env": {
"OPENROUTER_API_KEY": "<OPENROUTER_API_KEY>"
}
}
}
}
启动命令npx -y mcp-bench-router
需要配置的环境变量
OPENROUTER_API_KEY密钥OpenRouter API key for query_design_model and query_specific_model tools. Get one at https://openrouter.ai/keys

本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。

安装包
npmmcp-bench-router1.0.1

工具

4

收录的工具列表 · 更新于 2 周前

参数类型必填说明
categoryenum否用于筛选的设计类别。选项:allcategories、website(模型根据文本提示词生成完整网站)、gamedev(模型根据文本提示词生成可玩的浏览器游戏)、3d(模型根据文本提示词生成交互式 3D 场景)、dataviz(模型根据文本提示词生成交互式数据可视化)、uicomponent(模型根据文本提示词生成可用于生产环境的 UI 组件)、image(模型根据文本提示词生成图像)、logo(模型根据文本提示词生成 Logo 设计)、svg(模型根据文本提示词生成 SVG 标记)、video(模型根据文本提示词生成视频)、imagetoimage(模型根据文本提示词转换现有图像)、slides(模型根据文本提示词生成演示文稿)、graphicdesign(模型根据文本提示词生成平面设计素材,如海报、横幅和营销材料)、tts(模型根据文本输入生成语音音频)。默认值为 "allcategories"。allcategories | website | gamedev | 3d | dataviz | uicomponent | image | logo | svg | video | imagetoimage | slides | graphicdesign | tts

详细介绍

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 向指定模型发送提示词

设置

前置条件
Claude Code(CLI)
claude mcp add mcp-bench-router -s user -e OPENROUTER_API_KEY=sk-or-... -- npx -y mcp-bench-router
Claude Desktop

添加到 ~/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

添加到项目根目录下的 .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 设计一个仪表盘”

工作原理

  1. 从 designarena.ai 的 API 获取实时排名(缓存 2 小时)
  2. 将竞技场模型名称映射为 OpenRouter ID(静态映射、动态映射和模糊匹配)
  3. 跳过代号模型和未发布模型,并选择可用模型中排名最高的模型
  4. 通过 OpenRouter 的 API 转发提示词

许可证

MIT

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。