关于 MCP Bench Router
MCP Bench Router 面向需要委派设计任务的 MCP 客户端,依据 designarena.ai 排名选择模型。它查询当前榜单,并通过 OpenRouter 将提示词发送给排名最高且可用的模型,也可指定模型。
主要功能
- 01查找排名最高的设计模型
- 02按类别筛选并分页浏览排名
- 03将提示词路由到最高排名的可用模型
- 04通过 OpenRouter 查询指定模型
适用场景
- 01查看某个设计类别的领先模型
- 02查阅网站设计的高排名模型
- 03将设计提示词委派给当前领先模型
- 04向指定模型发送提示词
MCP 相关
向 MCP 客户端提供榜单和模型查询工具。通过 OpenRouter 路由模型提示词;查询模型需要 API 密钥。
配置
本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。
工具
4收录的工具列表 · 更新于 2 周前
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| category | enum | 否 | 用于筛选的设计类别。选项: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 向指定模型发送提示词 |
设置
前置条件
- Node.js >= 18
- OpenRouter API 密钥(
query_design_model和query_specific_model必需)
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 设计一个仪表盘”
工作原理
- 从 designarena.ai 的 API 获取实时排名(缓存 2 小时)
- 将竞技场模型名称映射为 OpenRouter ID(静态映射、动态映射和模糊匹配)
- 跳过代号模型和未发布模型,并选择可用模型中排名最高的模型
- 通过 OpenRouter 的 API 转发提示词
许可证
MIT
评论
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。