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

FerramentaDescrição
get_best_design_modelObter o modelo de design nº 1 atual, opcionalmente por categoria
get_leaderboardNavegar pelos rankings completos com filtro de categoria e paginação
query_design_modelEnviar um prompt para o melhor modelo disponível via OpenRouter
query_specific_modelEnviar um prompt para um modelo específico via OpenRouter

Configuração

Pré-requisitos

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

  1. Busca rankings ao vivo da API do designarena.ai (cache de 2h)
  2. Mapeia nomes de modelos da arena para IDs do OpenRouter (correspondência estática + dinâmica + difusa)
  3. Ignora modelos com codinome/não lançados e escolhe o melhor disponível
  4. Roteia o prompt pela API do OpenRouter

Licença

MIT