MCP Bench Router

Claude Code sucks at design. Let it delegate it's tasks to better models. Claude will use the MCP to get leaderboard of best design models and query specific code changes using OpenRouter.

GitHub

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

ToolDescription
get_best_design_modelGet the current #1 design model, optionally by category
get_leaderboardBrowse full rankings with category filter and pagination
query_design_modelSend a prompt to the best available model via OpenRouter
query_specific_modelSend 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

Categories

Filter by design category: allcategories, website, gamedev, 3d, dataviz, uicomponent, image, logo, svg, video, imagetoimage, slides, graphicdesign, tts.

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

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

License

MIT

Máy chủ liên quan