MCP Bench Router
Claude Code é ruim em design. Deixe-o delegar suas tarefas para modelos melhores. Claude usará o MCP para obter o ranking dos melhores modelos de design e consultar mudanças específicas de código usando OpenRouter.
Documentação
mcp-bench-router
Servidor MCP que delega tarefas de design ao modelo que atualmente lidera o designarena.ai no ranking colaborativo, via OpenRouter.
Por quê?
Assistentes de codificação com IA produzem resultados medíocres em frontend/design. O designarena.ai mantém um ranking ao vivo dos melhores modelos de design, atualizado a cada 2 horas. Este servidor MCP permite que o Claude (ou qualquer cliente MCP) roteie automaticamente tarefas de design para o melhor modelo atual.
Ferramentas
| Ferramenta | Descrição |
|---|---|
get_best_design_model | Obter o modelo de design nº 1 atual, opcionalmente por categoria |
get_leaderboard | Navegar pelos rankings completos com filtro de categoria e paginação |
query_design_model | Enviar um prompt para o melhor modelo disponível via OpenRouter |
query_specific_model | Enviar um prompt para um modelo específico via OpenRouter |
Configuração
Pré-requisitos
- Node.js >= 18
- Uma chave de API do OpenRouter (necessária para
query_design_modelequery_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
Adicione a ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) ou %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
Adicione a .cursor/mcp.json na raiz do seu projeto:
{
"mcpServers": {
"mcp-bench-router": {
"command": "npx",
"args": ["-y", "mcp-bench-router"],
"env": {
"OPENROUTER_API_KEY": "sk-or-..."
}
}
}
}
Outros clientes MCP
OPENROUTER_API_KEY=sk-or-... npx -y mcp-bench-router
A partir do código-fonte
git clone https://github.com/K1ta141k/mcp-bench-router.git
cd mcp-bench-router
npm install
npm run build
Categorias
Filtre por categoria de design: allcategories, website, gamedev, 3d, dataviz, uicomponent, image, logo, svg, video, imagetoimage, slides, graphicdesign, tts.
Exemplos de Uso
Verifique quem é o nº 1:
"Use get_best_design_model para ver o modelo de design atual no topo"
Navegue pelos rankings:
"Mostre-me os 20 melhores modelos de design para sites"
Gere um design:
"Use query_design_model para criar uma landing page para um produto SaaS"
Use um modelo específico:
"Use query_specific_model com claude-sonnet-4-5 para projetar um dashboard"
Como Funciona
- Busca rankings ao vivo da API do designarena.ai (cache de 2h)
- Mapeia nomes de modelos da arena para IDs do OpenRouter (correspondência estática + dinâmica + difusa)
- Ignora modelos com codinome/não lançados e escolhe o melhor disponível
- Roteia o prompt pela API do OpenRouter
Licença
MIT