npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

mcp-google-crux

v1.0.0

Published

MCP server for the Chrome UX Report (CrUX) API — real-user Core Web Vitals (LCP, INP, CLS, TTFB) and 40-week history for any origin or URL. For Claude, Cursor, Codex and other AI clients.

Readme

Google CrUX MCP

npm CI Glama License: MIT

MCP server for the Chrome UX Report (CrUX) API — ask for real-user Core Web Vitals (LCP, INP, CLS, plus FCP and TTFB) of any public origin or URL from Claude, Cursor, Codex and other AI clients in natural language.

The assistant assesses Core Web Vitals in one call, compares phone vs desktop, benchmarks a page against its site average and pulls up to 40 weeks of p75 history — the same field data that powers PageSpeed Insights and Google Search's CWV signals.

Quick start

  1. Get an API key — a free Google Cloud API key with the Chrome UX Report API enabled.

  2. Add the server — for example, in Claude Code (other clients):

    claude mcp add google-crux \
      -e CRUX_API_KEY=your_key \
      -- npx -y mcp-google-crux@latest
  3. Ask the assistant: "Does https://web.dev pass Core Web Vitals on mobile?"

Tools

| Tool | Description | |---|---| | get_core_web_vitals | One-call CWV assessment: p75 + good / needs-improvement / poor rating and experience densities for LCP, INP, CLS (+ FCP, TTFB), with an overall pass verdict. | | compare_form_factors | Phone vs desktop vs tablet vs all-devices breakdown with per-device traffic shares (4 API requests). | | compare_origin_vs_url | Site-wide origin record vs one specific page — is this page faster than the site average? (2 requests). | | get_cwv_trend | Weekly p75 trend over up to 40 weeks with an improved / regressed / stable delta per metric. | | query_record | Raw latest 28-day record: full histograms, percentiles and fractions. | | query_history_record | Raw weekly timeseries: histogram/percentile/fraction series per collection period. |

Full descriptions: docs/TOOLS.md. Resilience: retries with backoff on 429/5xx/network errors, request timeout, and "no data" (HTTP 404) reported as a normal structured result rather than a failure.

Example prompts

  • "Does https://example.com pass Core Web Vitals?"
  • "Compare mobile vs desktop performance of https://github.com — where does the traffic come from?"
  • "Is https://web.dev/patterns/ faster than web.dev overall?"
  • "How did LCP of https://amazon.com change over the last 25 weeks?"

API access

The server talks to the Chrome UX Report API (chromeuxreport.googleapis.com) — Google's public dataset of real Chrome user experiences, updated daily (history: weekly on Mondays). Auth is a plain Google Cloud API key (no OAuth, nothing to refresh), free of charge with a quota of 150 queries per minute per project shared by both endpoints. Only origins/URLs that are public and popular enough have data — for anything below the traffic threshold the API answers "no data", which the tools report as no_data, not an error.

Installation

claude mcp add google-crux \
  -e CRUX_API_KEY=your_key \
  -- npx -y mcp-google-crux@latest

claude_desktop_config.json — macOS ~/Library/Application Support/Claude/, Windows %APPDATA%\Claude\

{
  "mcpServers": {
    "google-crux": {
      "command": "npx",
      "args": ["-y", "mcp-google-crux@latest"],
      "env": { "CRUX_API_KEY": "your_key" }
    }
  }
}

~/.cursor/mcp.json (or .cursor/mcp.json in the project)

{
  "mcpServers": {
    "google-crux": {
      "command": "npx",
      "args": ["-y", "mcp-google-crux@latest"],
      "env": { "CRUX_API_KEY": "your_key" }
    }
  }
}

.vscode/mcp.json — note the servers key (not mcpServers)

{
  "servers": {
    "google-crux": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "mcp-google-crux@latest"],
      "env": { "CRUX_API_KEY": "your_key" }
    }
  }
}

Getting access

  1. Open the Google Cloud Console and create a project (or pick an existing one). No billing account is needed — the CrUX API is free.
  2. Enable the Chrome UX Report API for the project: console.cloud.google.com/apis/library/chromeuxreport.googleapis.comEnable. (Shortcut: the Get a key button on the CrUX API docs page does steps 1–3 in one dialog.)
  3. Create the key: APIs & Services → CredentialsCreate credentialsAPI key. Copy the key.
  4. Recommended: click Edit API key and restrict it to the Chrome UX Report API, so a leaked key can't be used for anything else.
  5. Put the key into CRUX_API_KEY.

⚠️ The key is stored in plain text in your client config and rides in the request URL — treat it like a password.

Configuration

| Variable | Required | Default | Description | |---|---|---|---| | CRUX_API_KEY | yes | — | Google Cloud API key with the Chrome UX Report API enabled. | | CRUX_API_BASE | no | https://chromeuxreport.googleapis.com | API root override. | | CRUX_TIMEOUT_MS | no | 30000 | Per-request timeout, ms. | | CRUX_MAX_RETRIES | no | 3 | Retries on 429/5xx/network errors. |

Requirements

  • Node.js 20+ (runs via npx, no separate install needed).
  • A Google Cloud API key — see Getting access.

Limitations

  • Read-only. The CrUX API has no write operations — the server only reads.
  • Quota: 150 queries/min per project, shared by both endpoints, no paid upgrades. compare_form_factors spends 4 units per call, compare_origin_vs_url 2.
  • Data availability. Only sufficiently popular public pages are in the dataset; specific URLs and tablet queries frequently return no_data. Data is a 28-day rolling window updated daily (~04:00 UTC); history updates on Mondays — repeating the same query within a day returns identical data.

Documentation

  • Tools — the full list with descriptions.
  • Development — build, tests, smoke check.
  • Publishing — releasing and MCP catalog listings.

Support

Questions, ideas and fixes — Telegram: @gistrec.

License

MIT — see LICENSE.