MCP Bench Router について
MCP Bench Routerは、設計タスクを委任するMCPクライアント向けのサーバーです。designarena.aiの最新ランキングを確認し、首位の利用可能なモデルまたは指定モデルへOpenRouter経由でプロンプトを送ります。
主な機能
- 01首位のデザインモデルの検索
- 02カテゴリ別ランキングの絞り込み・ページ表示
- 03首位の利用可能なモデルへのプロンプト送信
- 04OpenRouter経由での指定モデルへの問い合わせ
活用シーン
- 01デザインカテゴリの首位モデルの確認
- 02Webサイト設計モデルの上位ランキング確認
- 03設計プロンプトの現時点の首位モデルへの委任
- 04選択したモデルへのプロンプト送信
MCP 対応
ランキング参照とモデル問い合わせのツールをMCPクライアントに提供します。モデルへのプロンプトはOpenRouter経由で送信し、問い合わせにはAPIキーが必要です。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
ツール
4掲載時のツール一覧 · 2 週間前に更新
| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| category | enum | いいえ | 絞り込むデザインカテゴリ。選択肢:allcategories、website(モデルがテキストプロンプトから完全なウェブサイトを生成)、gamedev(モデルがテキストプロンプトからプレイ可能なブラウザーゲームを生成)、3d(モデルがテキストプロンプトからインタラクティブな 3D シーンを生成)、dataviz(モデルがテキストプロンプトからインタラクティブなデータ可視化を生成)、uicomponent(モデルがテキストプロンプトから本番環境対応の UI コンポーネントを生成)、image(モデルがテキストプロンプトから画像を生成)、logo(モデルがテキストプロンプトからロゴデザインを生成)、svg(モデルがテキストプロンプトから SVG マークアップを生成)、video(モデルがテキストプロンプトから動画を生成)、imagetoimage(モデルがテキストプロンプトに基づいて既存の画像を変換)、slides(モデルがテキストプロンプトからプレゼンテーションを生成)、graphicdesign(モデルがテキストプロンプトからポスター、バナー、マーケティング素材などのグラフィックデザイン素材を生成)、tts(モデルがテキスト入力から音声を生成)。既定値は "allcategories" です。allcategories | website | gamedev | 3d | dataviz | uicomponent | image | logo | svg | video | imagetoimage | slides | graphicdesign | tts |
詳細
mcp-bench-router
OpenRouter を介して、デザイン分野のクラウドソーシング型ランキングで現在首位のモデルにデザインタスクを委任する MCP サーバーです。designarena.ai
なぜ必要なのか?
AI コーディングアシスタントが生成するフロントエンドやデザインの出力は、平凡なものになりがちです。designarena.ai では、最も優れたデザインモデルのライブランキングを 2 時間ごとに更新しています。この MCP サーバーを使えば、Claude(または任意の MCP クライアント)がデザインタスクを現在最も優れたモデルに自動的に振り分けます。
ツール
| ツール | 説明 |
|---|---|
get_best_design_model | 現在首位のデザインモデルを取得します。カテゴリを指定することもできます |
get_leaderboard | カテゴリで絞り込み、ページネーションを使ってランキング全体を閲覧します |
query_design_model | OpenRouter を介して、利用可能な最良のモデルにプロンプトを送信します |
query_specific_model | OpenRouter を介して、指定したモデルにプロンプトを送信します |
セットアップ
前提条件
- Node.js >= 18
- OpenRouter API キー(
query_design_modelおよび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
~/Library/Application Support/Claude/claude_desktop_config.json(macOS)または %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
プロジェクトのルートにある .cursor/mcp.json に追加します。
{
"mcpServers": {
"mcp-bench-router": {
"command": "npx",
"args": ["-y", "mcp-bench-router"],
"env": {
"OPENROUTER_API_KEY": "sk-or-..."
}
}
}
}
その他の MCP クライアント
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
カテゴリ
デザインカテゴリで絞り込みます:allcategories、website、gamedev、3d、dataviz、uicomponent、image、logo、svg、video、imagetoimage、slides、graphicdesign、tts。
使用例
首位のモデルを確認する:
「get_best_design_model を使って、現在トップのデザインモデルを確認してください」
ランキングを閲覧する:
「ウェブサイト向けのデザインモデル上位 20 件を表示してください」
デザインを生成する:
「query_design_model を使って、SaaS 製品のランディングページを作成してください」
特定のモデルを使う:
「query_specific_model で claude-sonnet-4-5 を使って、ダッシュボードをデザインしてください」
仕組み
- designarena.ai の API からライブランキングを取得します(2 時間キャッシュ)
- アリーナのモデル名を OpenRouter ID に対応付けます(静的、動的、ファジーマッチング)
- コードネームのみのモデルや未リリースのモデルを除外し、利用可能な最良のモデルを選びます
- OpenRouter の API を介してプロンプトを送信します
ライセンス
MIT
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。