New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Implementing Real User Monitoring

by jeremylongshore in jeremylongshore/tons-of-skills-marketplace

Implement Real User Monitoring (RUM) to capture actual user performance data including Core Web Vitals and page load times.

MITAuto-check passedFrontend & Design

Install Implementing Real User Monitoring

skills CLI
$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill implementing-real-user-monitoring -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install jeremylongshore/tons-of-skills-marketplace implementing-real-user-monitoring --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/.curated/implementing-real-user-monitoring .claude/skills/implementing-real-user-monitoring && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
implementing-real-user-monitoring
GitHub stars
2.8k
Token cost
~977 tokens
SKILL.md length
449 words
Files
5 (incl. scripts, references, assets)
Skills in repo
3,342
Repo updated
First seen
Licence
MIT

At a glance

Implement Real User Monitoring (RUM) to capture actual user performance data including Core Web Vitals and page load times.

  • Works in 3 steps: Platform Selection: Helps you consider… → Instrumentation Design: Guides you in… → Tracking Code Implementation: Assists in…
  • Setting up user experience monitoring
  • SKILL.md covers Overview, How It Works, When to Use This Skill and Examples, plus 7 more sections
  • Runs Python scripts from its folder

What it does

Implementing Real User Monitoring is an agent skill from jeremylongshore/tons-of-skills-marketplace. Implement Real User Monitoring (RUM) to capture actual user performance data including Core Web Vitals and page load times. Use when setting up user experience monitoring or tracking custom performance events. Trigger with phrases like "setup RUM", "track Core Web Vitals", or "monitor real user performance".

Its SKILL.md is about 980 tokens, which your agent loads only when the skill is triggered. The skill folder holds 7 other files, including scripts, reference files and assets (for example `assets/README.md`, `references/README.md` and `scripts/README.md`). Compatibility notes: Designed for Claude Code

It sits in Frontend & Design, covering Web performance and UX design. It works with Google Analytics. The repository describes itself as: Model-agnostic agent-skills platform with a harness-free canonical layer, verified adapters, and the ccpi package manager. Explore at tonsofskills.com. The licence is MIT.

When your agent uses it

  • Setting up user experience monitoring
  • Tracking custom performance events
  • With phrases like setup RUM
  • Track Core Web Vitals

Example prompts

  • “setup RUM”
  • “track Core Web Vitals”
  • “monitor real user performance”
  • “/implementing-real-user-monitoring”

Requirements

  • Python 3
  • Compatibility (from SKILL.md): Designed for Claude Code
  • Pre-approved tools (allowed-tools): Read, Write, Edit, Grep, Glob, Bash(npm:*), Bash(rum:*)

Workflow steps

3 steps, taken from the first numbered list in SKILL.md.

  1. Platform Selection: Helps you consider available RUM platforms (e.g., Google Analytics, Datadog RUM, New Relic).
  2. Instrumentation Design: Guides you in defining the key performance metrics to track, including Core Web Vitals and custom events.
  3. Tracking Code Implementation: Assists in implementing the necessary JavaScript code to collect and transmit performance data.

What it can do on your machine

Read from SKILL.md and the folder at commit cfae287. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves these tools, so the agent can use them without asking each time:

    • Read
    • Write
    • Edit
    • Grep
    • Glob
    • Bash(npm:*)
    • Bash(rum:*)

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 2 files in scripts/ (Python), which the agent can run.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

  • Compatibility

    Designed for Claude Code

    From compatibility in the SKILL.md frontmatter.

Context cost

Implementing Real User Monitoring loads about 977 tokens when it runs, and up to ~993 if it reads all its reference files. Until then it costs about 86 tokens; SKILL.md has 449 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~86
When it runs · the whole SKILL.md, loaded when a task matches
~977
With references · SKILL.md plus every file in references/, read only if the agent opens them
~993

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

The full file from jeremylongshore/tons-of-skills-marketplace at commit cfae287, republished under its MIT licence (© jeremylongshore). 449 words, ~977 tokens.

Download SKILL.mdSave it as .claude/skills/implementing-real-user-monitoring/SKILL.md (or your agent's skills folder). This skill also uses 4 other files; get the full folder from GitHub.
name
implementing-real-user-monitoring
description
Implement Real User Monitoring (RUM) to capture actual user performance data including Core Web Vitals and page load times. Use when setting up user experience monitoring or tracking custom performance events. Trigger with phrases like "setup RUM", "track Core Web Vitals", or "monitor real user performance".
allowed-tools
Read, Write, Edit, Grep, Glob, Bash(npm:*), Bash(rum:*)
compatibility
Designed for Claude Code
version
1.22.0
license
MIT
author
Jeremy Longshore <jeremy@intentsolutions.io>
tags
performance, monitoring, real-user

Real User Monitoring

Implement Real User Monitoring (RUM) to capture Core Web Vitals, page load times, and custom performance events using Google Analytics, Datadog RUM, or New Relic.

Overview

This skill streamlines the process of setting up Real User Monitoring (RUM) for web applications. It guides you through the essential steps of choosing a platform, defining metrics, and implementing the tracking code to capture valuable user experience data.

How It Works

  1. Platform Selection: Helps you consider available RUM platforms (e.g., Google Analytics, Datadog RUM, New Relic).
  2. Instrumentation Design: Guides you in defining the key performance metrics to track, including Core Web Vitals and custom events.
  3. Tracking Code Implementation: Assists in implementing the necessary JavaScript code to collect and transmit performance data.

When to Use This Skill

This skill activates when you need to:

  • Implement Real User Monitoring on a website or web application.
  • Track Core Web Vitals (LCP, FID, CLS) to improve user experience.
  • Monitor page load times (FCP, TTI, TTFB) for performance optimization.

Examples

Example 1: Setting up RUM for a new website

User request: "setup RUM for my new website"

The skill will:

  1. Guide the user through selecting a RUM platform.
  2. Provide code snippets for implementing basic tracking.
Example 2: Tracking custom performance metrics

User request: "I want to track how long it takes users to complete a purchase"

The skill will:

  1. Help define a custom performance metric for purchase completion time.
  2. Generate JavaScript code to track the metric.

Best Practices

  • Privacy Compliance: Ensure compliance with privacy regulations (e.g., GDPR, CCPA) when collecting user data.
  • Sampling: Implement sampling to reduce data volume and impact on performance.
  • Error Handling: Implement robust error handling to prevent tracking code from breaking the website.
Show full SKILL.md (160 more words)Show less

Integration

This skill can be used in conjunction with other monitoring and analytics tools to provide a comprehensive view of application performance.

Prerequisites

  • Access to web application frontend code in ${CLAUDE_SKILL_DIR}/
  • RUM platform account (Google Analytics, Datadog, New Relic)
  • Understanding of Core Web Vitals metrics
  • Privacy compliance documentation (GDPR, CCPA)

Instructions

  1. Select appropriate RUM platform for requirements
  2. Define key metrics to track (Core Web Vitals, custom events)
  3. Implement tracking code in application frontend
  4. Configure data sampling and privacy settings
  5. Set up dashboards for metric visualization
  6. Define alerts for performance degradation

Output

  • RUM implementation code snippets
  • Platform configuration documentation
  • Custom event tracking examples
  • Dashboard definitions for key metrics
  • Privacy compliance checklist

Error Handling

If RUM implementation fails:

  • Verify platform API credentials
  • Check JavaScript bundle integration
  • Validate metric collection permissions
  • Review privacy consent configuration
  • Ensure network connectivity for data transmission

Resources

  • Core Web Vitals measurement guide
  • RUM platform documentation
  • Privacy compliance best practices
  • Performance monitoring strategies

© jeremylongshore, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 4 other files (scripts, references, assets) in skills/.curated/implementing-real-user-monitoring of jeremylongshore/tons-of-skills-marketplace.

  • SKILL.md
  • assets/README.md
  • references/README.md
  • scripts/README.md
  • scripts/setup_rum.py

Open the folder on GitHubat commit cfae287

Compare with similar skills

Implementing Real User Monitoring next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Implementing Real User Monitoring compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Implementing Real User Monitoring this skilljeremylongshore/tons-of-skills-marketplace2.8k—~977Automated safety check: PassMIT
Doherty ThresholdOwl-Listener/designer-skills2.9k1 repos~940Automated safety check: PassMIT
UX Auditjezweb/claude-skills1.1k—~8.6kAutomated safety check: WarnMIT
SEO GoogleAgriciDaniel/codex-seo7992 repos~3.4kAutomated safety check: PassMIT
Google Analyticsrefly-ai/refly-skills204—~504Automated safety check: PassNone
Impeccablebestofjs/bestofjs3.1k26 repos~2.6kAutomated safety check: PassMIT

Similar skills

  • Doherty Threshold

    Owl-Listener/designer-skills

    Apply the Doherty Threshold — keep system response under 400ms to preserve user flow.

    2.9k GitHub starsUsed in 1 repo~940 tokens
    Frontend & DesignAuto-check passed

  • UX Audit

    jezweb/claude-skills

    Walk through a live web app AS a real user to find usability + behavioural bugs that static reviews miss.

    1.1k GitHub stars~8.6k tokensUpdated 2 days ago
    Frontend & DesignAuto-check: warnings

  • SEO Google

    AgriciDaniel/codex-seo

    Google SEO APIs: Search Console (Search Analytics, URL Inspection, Sitemaps), PageSpeed Insights v5, CrUX field data with 25-week history, Indexing API v3, and GA4 organic traffic.

    799 GitHub starsUsed in 2 repos~3.4k tokens
    Frontend & DesignAuto-check passed

  • Google Analytics

    refly-ai/refly-skills

    Integrate with Google Analytics for web metrics. An agent skill from refly-ai/refly-skills.

    204 GitHub stars~504 tokensUpdated 2 mo ago
    Frontend & DesignAuto-check passed

  • Impeccable

    bestofjs/bestofjs

    A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…

    3.1k GitHub starsUsed in 26 repos~2.6k tokens
    Frontend & DesignAuto-check passed

  • Web Quality Audit

    addyosmani/web-quality-skills

    Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing.

    2.9k GitHub stars~2.6k tokensUpdated 1 mo ago
    Frontend & DesignAuto-check passed

More from jeremylongshore/tons-of-skills-marketplace

All 3,342 skills in this repo

  • Performing Security Code Review

    jeremylongshore/tons-of-skills-marketplace

    Execute this skill enables AI assistant to conduct a security-focused code review using the security-agent plugin.

    2.8k GitHub starsUsed in 2 repos~1.3k tokens
    Auto-check: notes

  • Adapting Transfer Learning Models

    jeremylongshore/tons-of-skills-marketplace

    Build this skill automates the adaptation of pre-trained machine learning models using transfer learning techniques.

    2.8k GitHub stars~1.1k tokensUpdated today
    Auto-check passed

  • Agent Context Loader

    jeremylongshore/tons-of-skills-marketplace

    Execute proactive auto-loading: automatically detects and loads agents.md files.

    2.8k GitHub stars~1.1k tokensUpdated today
    Auto-check passed

  • Aggregating Performance Metrics

    jeremylongshore/tons-of-skills-marketplace

    Aggregate and centralize performance metrics from applications, systems, databases, caches, and services.

    2.8k GitHub stars~1.2k tokensUpdated today
    Auto-check passed

  • Analyzing Capacity Planning

    jeremylongshore/tons-of-skills-marketplace

    Execute this skill enables AI assistant to analyze capacity requirements and plan for future growth.

    2.8k GitHub stars~947 tokensUpdated today
    Auto-check passed

  • Analyzing Database Indexes

    jeremylongshore/tons-of-skills-marketplace

    Process use when you need to work with database indexing. An agent skill from jeremylongshore/tons-of-skills-marketplace.

    2.8k GitHub stars~2k tokensUpdated today
    Auto-check passed

Works with

Categories

Questions about Implementing Real User Monitoring

What does Implementing Real User Monitoring do?

Implement Real User Monitoring (RUM) to capture actual user performance data including Core Web Vitals and page load times. Implementing Real User Monitoring is an agent skill from jeremylongshore/tons-of-skills-marketplace. Implement Real User Monitoring (RUM) to capture actual user performance data including Core Web Vitals and page load times.

When should I use Implementing Real User Monitoring?

Implementing Real User Monitoring fits situations like: setting up user experience monitoring; tracking custom performance events; with phrases like setup RUM; track Core Web Vitals.

How do I install Implementing Real User Monitoring in Claude Code?

Run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill implementing-real-user-monitoring -a claude-code`. Or copy the skill folder (skills/.curated/implementing-real-user-monitoring in jeremylongshore/tons-of-skills-marketplace) into .claude/skills/implementing-real-user-monitoring in your project. Claude Code loads it when a task matches its description.

How do I install Implementing Real User Monitoring in Codex?

Run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill implementing-real-user-monitoring -a codex`. Or copy the skill folder (skills/.curated/implementing-real-user-monitoring in jeremylongshore/tons-of-skills-marketplace) into .agents/skills/implementing-real-user-monitoring in your project. Codex loads it when a task matches its description.

Can I use Implementing Real User Monitoring in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill implementing-real-user-monitoring -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/implementing-real-user-monitoring, .gemini/skills/implementing-real-user-monitoring, .github/skills/implementing-real-user-monitoring and .opencode/skills/implementing-real-user-monitoring in your project.

What does Implementing Real User Monitoring need to run?

Going by SKILL.md and its folder, Implementing Real User Monitoring needs Python for the scripts in its folder. Our summary lists: Python 3. Its frontmatter pre-approves these tools: Read, Write, Edit, Grep, Glob, Bash(npm:*), Bash(rum:*). Compatibility (from SKILL.md): Designed for Claude Code.

Does Implementing Real User Monitoring access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Implementing Real User Monitoring safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Implementing Real User Monitoring use?

Implementing Real User Monitoring is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Implementing Real User Monitoring use?

About 977 tokens (SKILL.md is roughly 3.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 16 tokens, read only when the agent opens those files.

What are the alternatives to Implementing Real User Monitoring?

Skills that share tags, products or a category with Implementing Real User Monitoring: Doherty Threshold (Owl-Listener/designer-skills, 2.9k stars), UX Audit (jezweb/claude-skills, 1.1k stars), SEO Google (AgriciDaniel/codex-seo, 799 stars) and Google Analytics (refly-ai/refly-skills, 204 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Implementing Real User Monitoring?

jeremylongshore (a GitHub user) maintains it in jeremylongshore/tons-of-skills-marketplace, which has 2,827 GitHub stars. The repository holds 3,342 skills in this directory. The repository was last updated on October 10, 2026.

Source: jeremylongshore/tons-of-skills-marketplace on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.