mcpField
C
CoreDash. Real User Monitoring for Core Web Vitals

CoreDash. Real User Monitoring for Core Web Vitals

リモート
coredash.app開発ツール019 週間前に更新
リポジトリ公式サイト

CoreDash. Real User Monitoring for Core Web Vitals について

CoreDashは、Core Web Vitalsの調査に使うリアルユーザーモニタリングサービスです。ホスト型のMCPサーバーから、実訪問者のデータを多様なディメンションで絞り込んで取得できます。

主な機能

  1. 01LCP、INP、CLSの指標を照会
  2. 02指標の時系列を表示
  3. 03指標の分布を確認
  4. 04ディメンションで絞り込み・分類
  5. 05p75スコアと評価区分を表示

活用シーン

  1. 01デバイスや国別に遅いページを特定
  2. 02時間経過による性能低下を追跡
  3. 03性能分布を確認
  4. 04ブラウザーやOSの区分を比較

MCP 対応

ホスト型MCPサーバーは、Core Web Vitalsの実測データを照会する`get_metrics`、`get_timeseries`、`get_histogram`ツールをMCPクライアントに提供します。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://app.coredash.app/api/mcp
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

すべてのエンドポイント
Streamable HTTPhttps://app.coredash.app/api/mcp認証が必要

ツール

詳細

CoreDash MCP Server

Core Web Vitals のリアルユーザーモニタリングです。Model Context Protocol を通じて、実際の訪問者から収集した LCP、INP、CLS のフィールドデータをクエリできます。

MCP サーバーは https://app.coredash.app/api/mcp でホストされています。このリポジトリには、公開コネクターのドキュメントとレジストリマニフェストが含まれています。サーバーをインストールしたり実行したりする必要はありません。MCP クライアントをホストされたエンドポイントに直接接続します。

CoreDash について

CoreDash は、Core Web Vitals を中心に構築されたリアルユーザーモニタリングプラットフォームです。実際の訪問者から LCP、INP、CLS を収集し、ページテンプレート、国、デバイス、ブラウザー、OS、その他 20 以上のディメンションでセグメント化できます。データは EU に保存されます。製品は同意バナーなしで動作します。有料プランは月額 19 ドルからです。詳しくは coredash.app をご覧ください。

MCP 経由で公開されるツール

ツール用途
get_metricsp75 における現在のパフォーマンススコアです。任意のディメンションでフィルターやグループ化ができます。「〜はどうなっていますか」という質問に使用します。
get_timeseries時間経過に伴う指標を、improving、stable、regressing のいずれかの概要とともに表示します。リグレッションや傾向の確認に使用します。
get_histogram単一の指標の分布を約 40 個のバケットで表示します。トラフィックが二峰性、ロングテール、または全体的に遅いかどうかを確認する際に使用します。

3 つのツールすべてが、Core Web Vitals のしきい値に対応する評価済みバケット(good、improve、poor)を返します。フィルターディメンションには、デバイス(d)、国(cc)、ページパス(ff)、URL(u)、ブラウザー、OS、LCP/INP/CLS のアトリビューション要素セレクターが含まれます。

認証

サーバーは 2 つの方法に対応しています。

  1. OAuth(推奨)。 MCP クライアントにサーバー URL を指定し、求められたらブラウザーでサインインを完了します。API キーは不要です。サーバーは WWW-Authenticate のディスカバリーフローに従い、/.well-known/oauth-authorization-server と /.well-known/oauth-protected-resource を公開します。
  2. API キー。 CI やヘッドレス環境での使用に最適です。coredash.app/settings/api で API キーを生成し、Authorization: Bearer cdk_YOUR_API_KEY として渡します。

匿名の呼び出しは initialize(クライアントがサーバーの機能を調べるため)では成功しますが、ツールの呼び出しでは失敗します。

接続方法

Claude Code

サーバーを追加してから、ブラウザーで認証します。

claude mcp add --transport http coredash https://app.coredash.app/api/mcp

Claude Code 内で /mcp を実行し、coredash を選択して OAuth サインインを完了します。

代わりに API キーを使用する場合(例:CI)、ヘッダーとして渡します。

claude mcp add --transport http coredash https://app.coredash.app/api/mcp \
  --header "Authorization: Bearer cdk_YOUR_API_KEY"
Cursor

~/.cursor/mcp.json に追加し、Cursor の MCP 設定でサーバーの Login をクリックして OAuth を完了します。

{
  "mcpServers": {
    "coredash": {
      "url": "https://app.coredash.app/api/mcp"
    }
  }
}

代わりに API キーを使用する場合は、"Authorization": "Bearer cdk_YOUR_API_KEY" を含む "headers" ブロックを追加します。

VS Code

ワークスペースの .vscode/mcp.json に追加します(または MCP: Open User Configuration コマンドからユーザー設定に追加します)。VS Code は初回使用時にサインインを求めます。

{
  "servers": {
    "coredash": {
      "type": "http",
      "url": "https://app.coredash.app/api/mcp"
    }
  }
}

代わりに API キーを使用する場合は、"Authorization": "Bearer cdk_YOUR_API_KEY" を含む "headers" ブロックを追加します。

Windsurf

Windsurf の MCP 設定で、Cursor と同じ形式の JSON を使用します。

その他の MCP クライアント

streamable-http トランスポートを使って https://app.coredash.app/api/mcp に接続します。OAuth に対応するクライアントは WWW-Authenticate ヘッダーを通じてフローを検出します。対応していない場合は、Authorization: Bearer cdk_YOUR_API_KEY ヘッダーを渡します。

クエリの例

Why is LCP slow on mobile in Germany this week?
Has INP regressed on the product detail template in the last 24 hours?
Show me the LCP distribution on /checkout/* in the US.

レジストリへの掲載

このサーバーは Official MCP Registry に io.github.corewebvitals/coredash として公開されています。ここから PulseMCP、Smithery、Glama、Windsurf にも反映されます。

レジストリマニフェストは server.json にあります。新しいバージョンを公開するには、ファイルを編集して mcp-publisher publish を実行します。

関連プロジェクト

  • cwv-superpowers。この MCP サーバーを使用して Core Web Vitals の問題を診断・修正する、Claude Code、Cursor、Gemini 向けのスキルパッケージです。
  • Core Web Vitals Visualizer。Chrome 拡張機能です。任意のページに CWV 指標を重ねて表示できます。

ライセンス

MIT。LICENSEを参照してください。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。