Wires Claude directly to designarena.ai's live leaderboard so you can route frontend and design tasks to whatever model is currently winning. Exposes four tools: check the top ranked model overall or by category (website, logo, dataviz, etc.), browse paginated rankings, and send prompts either to the best available model or a specific one via OpenRouter. The server caches leaderboard data for two hours, maps arena model names to OpenRouter IDs using static, dynamic, and fuzzy matching, then skips unreleased models to find the best queryable option. Reach for this when you're tired of mediocre design output and want to delegate UI, graphics, or frontend work to whichever model the crowd currently trusts most. Requires an OpenRouter API key for the query tools.
MCP server that delegates design tasks to whichever model currently tops designarena.ai's crowdsourced leaderboard, via OpenRouter.
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.
| 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 |
query_design_model and query_specific_model)claude mcp add mcp-bench-router -s user -e OPENROUTER_API_KEY=sk-or-... -- npx -y mcp-bench-router
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-..."
}
}
}
}
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-..."
}
}
}
}
OPENROUTER_API_KEY=sk-or-... npx -y mcp-bench-router
git clone https://github.com/K1ta141k/mcp-bench-router.git
cd mcp-bench-router
npm install
npm run build
Filter by design category: allcategories, website, gamedev, 3d, dataviz, uicomponent, image, logo, svg, video, imagetoimage, slides, graphicdesign, tts.
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"
MIT
OPENROUTER_API_KEY*secretOpenRouter API key for query_design_model and query_specific_model tools. Get one at https://openrouter.ai/keys
miapre/html-to-figma-design-system
ie3jp/illustrator-mcp-server
coding-solo/godot-mcp
ivanmurzak/unity-mcp
yctimlin/mcp_excalidraw
figma/mcp-server-guide