MCP Bench Router
A Claude Code es pésimo en diseño. Permítele delegar sus tareas a mejores modelos. Claude usará el MCP para obtener el ranking de los mejores modelos de diseño y consultar cambios específicos de código usando OpenRouter.
Documentación
mcp-bench-router
Servidor MCP que delega tareas de diseño al modelo que actualmente encabeza la clasificación colaborativa de designarena.ai, a través de OpenRouter.
¿Por qué?
Los asistentes de codificación con IA producen resultados mediocres en frontend/diseño. designarena.ai mantiene una clasificación en vivo de los mejores modelos de diseño, actualizada cada 2 horas. Este servidor MCP permite que Claude (o cualquier cliente MCP) enrute automáticamente tareas de diseño al mejor modelo actual.
Herramientas
| Herramienta | Descripción |
|---|---|
get_best_design_model | Obtener el modelo de diseño #1 actual, opcionalmente por categoría |
get_leaderboard | Explorar clasificaciones completas con filtro de categoría y paginación |
query_design_model | Enviar un prompt al mejor modelo disponible a través de OpenRouter |
query_specific_model | Enviar un prompt a un modelo específico a través de OpenRouter |
Configuración
Requisitos previos
- Node.js >= 18
- Una clave de API de OpenRouter (requerida para
query_design_modelyquery_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
Añadir a ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) o %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
Añadir a .cursor/mcp.json en la raíz de tu proyecto:
{
"mcpServers": {
"mcp-bench-router": {
"command": "npx",
"args": ["-y", "mcp-bench-router"],
"env": {
"OPENROUTER_API_KEY": "sk-or-..."
}
}
}
}
Otros clientes MCP
OPENROUTER_API_KEY=sk-or-... npx -y mcp-bench-router
Desde el código fuente
git clone https://github.com/K1ta141k/mcp-bench-router.git
cd mcp-bench-router
npm install
npm run build
Categorías
Filtrar por categoría de diseño: allcategories, website, gamedev, 3d, dataviz, uicomponent, image, logo, svg, video, imagetoimage, slides, graphicdesign, tts.
Ejemplos de uso
Comprobar quién es el #1:
"Usa get_best_design_model para ver el modelo de diseño actual número uno"
Explorar clasificaciones:
"Muéstrame los 20 mejores modelos de diseño para sitios web"
Generar un diseño:
"Usa query_design_model para crear una página de aterrizaje para un producto SaaS"
Usar un modelo específico:
"Usa query_specific_model con claude-sonnet-4-5 para diseñar un panel de control"
Cómo funciona
- Obtiene clasificaciones en vivo de la API de designarena.ai (caché de 2 horas)
- Mapea los nombres de modelos del arena a IDs de OpenRouter (coincidencia estática + dinámica + difusa)
- Omite modelos con nombre en clave/no publicados y elige el mejor disponible
- Enruta el prompt a través de la API de OpenRouter
Licencia
MIT