Web Vitals Monitor

🌐Community
by jeremylongshore · vlatest · Repository

Helps with web development, monitoring as part of agent workflows workflows.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

1

Run in terminal (recommended)

terminal
claude mcp add web-vitals-monitor npx -- -y @trustedskills/web-vitals-monitor
2

Or manually add to ~/.claude/settings.json

~/.claude/settings.json
{
  "mcpServers": {
    "web-vitals-monitor": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/web-vitals-monitor"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

What it does

The web-vitals-monitor skill allows AI agents to track and report on Core Web Vitals for a given URL. It measures metrics like Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS) to assess the user experience of web pages. This data can be used to identify performance bottlenecks and areas for optimization.

When to use it

  • Performance Audits: Regularly check a website's Core Web Vitals scores to monitor its health over time.
  • Troubleshooting Slow Pages: Investigate why specific pages are loading slowly or exhibiting layout instability.
  • A/B Testing Analysis: Evaluate the impact of design changes on page performance by comparing Web Vital metrics before and after implementation.
  • Competitive Benchmarking: Compare your website's Core Web Vitals against competitors to identify areas for improvement.

Key capabilities

  • Measures Largest Contentful Paint (LCP)
  • Measures First Input Delay (FID)
  • Measures Cumulative Layout Shift (CLS)
  • Reports performance metrics for a given URL

Example prompts

  • "Monitor the Core Web Vitals of https://www.example.com."
  • "What is the LCP score for https://www.mywebsite.com/blog?"
  • "Give me the FID and CLS values for this page: https://store.company.net/product/123."

Tips & gotchas

The accuracy of the results depends on a stable internet connection and proper rendering of the target webpage. Ensure the URL provided is accessible and fully loaded before requesting metrics.

Tags

🛡️

TrustedSkills Verification

Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.

Security Audits

Gen Agent Trust HubPass
SocketPass
SnykPass

Details

Version
vlatest
License
Author
jeremylongshore
Installs
15

🌐 Community

Passed automated security scans.