implementing-real-user-monitoring

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".

1,868 stars

Best use case

implementing-real-user-monitoring is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

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".

Teams using implementing-real-user-monitoring should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/implementing-real-user-monitoring/SKILL.md --create-dirs "https://raw.githubusercontent.com/jeremylongshore/claude-code-plugins-plus-skills/main/plugins/performance/real-user-monitoring/skills/implementing-real-user-monitoring/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/implementing-real-user-monitoring/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How implementing-real-user-monitoring Compares

Feature / Agentimplementing-real-user-monitoringStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

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".

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

Related Guides

SKILL.md Source

# 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.

## 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

Related Skills

supabase-auth-storage-realtime-core

1868
from jeremylongshore/claude-code-plugins-plus-skills

Implement Supabase Auth (signUp, signIn, OAuth, session management), Storage (upload, download, signed URLs, bucket policies), and Realtime (Postgres changes, broadcast, presence). Use when building user auth flows, file upload features, or live-updating UIs with Supabase. Trigger with phrases like "supabase auth", "supabase storage upload", "supabase realtime subscribe", "supabase oauth", "supabase file upload", "supabase presence", "supabase rls storage".

klingai-job-monitoring

1868
from jeremylongshore/claude-code-plugins-plus-skills

Track and monitor Kling AI video generation task status. Use when building dashboards, tracking batch jobs, or debugging stuck tasks. Trigger with phrases like 'klingai job status', 'kling ai monitor', 'track klingai task', 'klingai progress'.

setting-up-synthetic-monitoring

1868
from jeremylongshore/claude-code-plugins-plus-skills

Setup synthetic monitoring for proactive performance tracking including uptime checks, transaction monitoring, and API health. Use when implementing availability monitoring or tracking critical user journeys. Trigger with phrases like "setup synthetic monitoring", "monitor uptime", or "configure health checks".

monitoring-error-rates

1868
from jeremylongshore/claude-code-plugins-plus-skills

Monitor and analyze application error rates to improve reliability. Use when tracking errors in applications including HTTP errors, exceptions, and database issues. Trigger with phrases like "monitor error rates", "track application errors", or "analyze error patterns".

monitoring-cpu-usage

1868
from jeremylongshore/claude-code-plugins-plus-skills

Monitor this skill enables AI assistant to monitor and analyze cpu usage patterns within applications. it helps identify cpu hotspots, analyze algorithmic complexity, and detect blocking operations. use this skill when the user asks to "monitor cpu usage", "opt... Use when setting up monitoring or observability. Trigger with phrases like 'monitor', 'metrics', or 'alerts'.

deploying-monitoring-stacks

1868
from jeremylongshore/claude-code-plugins-plus-skills

Monitor use when deploying monitoring stacks including Prometheus, Grafana, and Datadog. Trigger with phrases like "deploy monitoring stack", "setup prometheus", "configure grafana", or "install datadog agent". Generates production-ready configurations with metric collection, visualization dashboards, and alerting rules.

implementing-backup-strategies

1868
from jeremylongshore/claude-code-plugins-plus-skills

Execute use when you need to work with backup and recovery. This skill provides backup automation and disaster recovery with comprehensive guidance and automation. Trigger with phrases like "create backups", "automate backups", or "implement disaster recovery".

monitoring-database-transactions

1868
from jeremylongshore/claude-code-plugins-plus-skills

Monitor use when you need to work with monitoring and observability. This skill provides health monitoring and alerting with comprehensive guidance and automation. Trigger with phrases like "monitor system health", "set up alerts", or "track metrics".

monitoring-database-health

1868
from jeremylongshore/claude-code-plugins-plus-skills

Monitor use when you need to work with monitoring and observability. This skill provides health monitoring and alerting with comprehensive guidance and automation. Trigger with phrases like "monitor system health", "set up alerts", or "track metrics".

implementing-database-caching

1868
from jeremylongshore/claude-code-plugins-plus-skills

Process use when you need to implement multi-tier caching to improve database performance. This skill sets up Redis, in-memory caching, and CDN layers to reduce database load. Trigger with phrases like "implement database caching", "add Redis cache layer", "improve query performance with caching", or "reduce database load".

implementing-database-audit-logging

1868
from jeremylongshore/claude-code-plugins-plus-skills

Process use when you need to track database changes for compliance and security monitoring. This skill implements audit logging using triggers, application-level logging, CDC, or native logs. Trigger with phrases like "implement database audit logging", "add audit trails", "track database changes", or "monitor database activity for compliance".

monitoring-whale-activity

1868
from jeremylongshore/claude-code-plugins-plus-skills

Track large cryptocurrency transactions and whale wallet movements in real-time. Use when tracking large holder movements, exchange flows, or wallet activity. Trigger with phrases like "track whales", "monitor large transfers", "check whale activity", "exchange inflows", or "watch wallet".