MCP Bench Router

🚀 mcp-bench-router

An MCP server that delegates design tasks to the top model on designarena.ai's crowdsourced leaderboard via OpenRouter.

🚀 Quick Start

The mcp-bench-router is an MCP server that can automatically route design tasks to the current best design model on designarena.ai's leaderboard through OpenRouter.

✨ Features

• AI coding assistants often generate mediocre frontend/design outputs. designarena.ai maintains a real - time leaderboard of the best design models, updated every 2 hours. This MCP server enables Claude (or any MCP client) to automatically direct design tasks to the current top - performing model.

📦 Installation

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

📚 Documentation

Tools

Categories

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

💻 Usage Examples

Basic Usage

• 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"

🔧 Technical Details

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