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. 01查询 LCP、INP 和 CLS 指标
  2. 02查看指标随时间的变化
  3. 03检查指标分布
  4. 04按维度筛选和分组
  5. 05查看 p75 分数和评级区间

适用场景

  1. 01按设备或国家查找慢页面
  2. 02跟踪指标随时间的回归
  3. 03检查性能分布
  4. 04比较浏览器或操作系统分组

MCP 相关

托管的 MCP 服务向 MCP 客户端提供 `get_metrics`、`get_timeseries` 和 `get_histogram` 工具,用于查询 Core Web Vitals 现场数据。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址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 服务

针对 Core Web Vitals 的真实用户监控。通过模型上下文协议查询真实访客的 LCP、INP 和 CLS 数据。

MCP 服务托管于 https://app.coredash.app/api/mcp。此仓库包含公开的连接器文档和注册清单。你无需安装或运行服务,只需将 MCP 客户端直接连接到托管端点即可。

CoreDash 是什么

CoreDash 是一个围绕 Core Web Vitals 构建的真实用户监控平台。它会收集真实访客的 LCP、INP 和 CLS 数据,并支持按页面模板、国家/地区、设备、浏览器、操作系统以及其他 20 多个维度进行细分。数据存储在欧盟。该产品无需同意横幅。付费套餐起价为每月 $19。更多信息请访问 coredash.app。

通过 MCP 提供的工具

工具用途
get_metrics当前性能分数(p75)。可按任意维度筛选和分组。用于回答“当前情况如何”之类的问题。
get_timeseries随时间变化的指标,并附带 improving、stable 或 regressing 摘要。用于分析回归和趋势。
get_histogram单项指标在约 40 个区间中的分布形态。用于查看流量分布是双峰、长尾,还是普遍较慢。

这三种工具都会返回评级区间(good、improve、poor),对应 Core Web Vitals 阈值。筛选维度包括设备(d)、国家/地区(cc)、页面路径(ff)、URL(u)、浏览器、操作系统,以及 LCP / INP / CLS 归因元素选择器。

身份验证

此服务支持两种方式:

  1. OAuth(推荐)。 将 MCP 客户端指向服务 URL,并在出现提示时通过浏览器登录,无需 API 密钥。服务遵循 WWW-Authenticate 发现流程,并公开 /.well-known/oauth-authorization-server 和 /.well-known/oauth-protected-resource。
  2. API 密钥。 适用于 CI 或无头环境。在 coredash.app/settings/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 密钥,请添加 "headers" 块,并设置 "Authorization": "Bearer cdk_YOUR_API_KEY"。

VS Code

将配置添加到工作区中的 .vscode/mcp.json(或通过 MCP: Open User Configuration 命令添加到用户配置)。VS Code 会在首次使用时提示你登录:

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

如需改用 API 密钥,请添加 "headers" 块,并设置 "Authorization": "Bearer cdk_YOUR_API_KEY"。

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.

注册列表

此服务以 io.github.corewebvitals/coredash 的名称发布在 Official MCP Registry 上。之后会同步至 PulseMCP、Smithery、Glama 和 Windsurf。

注册清单位于 server.json。要发布新版本,请编辑该文件并运行 mcp-publisher publish。

相关项目

  • cwv-superpowers。适用于 Claude Code、Cursor 和 Gemini 的技能包,可驱动此 MCP 服务诊断并修复 Core Web Vitals 问题。
  • Core Web Vitals Visualizer。Chrome 扩展程序,可在任意页面上显示 CWV 指标叠加层。

许可证

MIT。请参阅 LICENSE。

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。