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.

GitHub

¿Qué puedes hacer con MCP Bench Router?

Check the current top design model — Use get_best_design_model to see which model leads the designarena.ai leaderboard, optionally filtered by category.
Browse the full design leaderboard — Retrieve ranked models with get_leaderboard, supporting category filters and pagination.
Route a design prompt to the best model — Send a prompt via query_design_model and have it automatically delegated to the #1 available design model.
Target a specific model for design work — Use query_specific_model to send a prompt to a particular model by name through OpenRouter.

Documentación

mcp-bench-router

MCP server that delegates design tasks to whichever model currently tops designarena.ai's crowdsourced leaderboard, via OpenRouter.

Why?

AI coding assistants produce mediocre frontend/design output. designarena.ai maintains a live leaderboard of the best design models, updated every 2 hours. This MCP server lets Claude (or any MCP client) automatically route design tasks to the current best model.

Tools

Tool	Description
`get_best_design_model`	Get the current #1 design model, optionally by category
`get_leaderboard`	Browse full rankings with category filter and pagination
`query_design_model`	Send a prompt to the best available model via OpenRouter
`query_specific_model`	Send a prompt to a specific model via OpenRouter

Setup

Prerequisites

Node.js >= 18
An OpenRouter API key (required for query_design_model and 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

Add to ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %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

Add to .cursor/mcp.json in your project root:

{
  "mcpServers": {
    "mcp-bench-router": {
      "command": "npx",
      "args": ["-y", "mcp-bench-router"],
      "env": {
        "OPENROUTER_API_KEY": "sk-or-..."
      }
    }
  }
}

Other MCP clients

OPENROUTER_API_KEY=sk-or-... npx -y mcp-bench-router

From source

git clone https://github.com/K1ta141k/mcp-bench-router.git
cd mcp-bench-router
npm install
npm run build

Usage Examples

Check who's #1:

"Use get_best_design_model to see the current top design model"

Browse rankings:

"Show me the top 20 design models for websites"

Generate a design:

"Use query_design_model to create a landing page for a SaaS product"

Use a specific model:

"Use query_specific_model with claude-sonnet-4-5 to design a dashboard"

How It Works

Fetches live rankings from designarena.ai's API (cached 2hr)
Maps arena model names to OpenRouter IDs (static + dynamic + fuzzy matching)
Skips codename/unreleased models and picks the best available one
Routes the prompt through OpenRouter's API

License

MIT