Skip to content
implementing-real-user-monitoring logo

Real User Monitoring

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

SKILL.md

Full skill instructions

Real User Monitoring

This skill provides automated assistance for real user monitoring tasks.

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 {baseDir}/
  • 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

More skills from HelixDevelopment

fireflies-local-dev-loop logo
HelixDevelopment/HelixAgent

fireflies-local-dev-loop

Configure Fireflies.ai local development with hot reload and testing. Use when setting up a development environment, configuring test workflows, or establishing a fast iteration cycle with Fireflies.ai. Trigger with phrases like "fireflies dev setup", "fireflies local development", "fireflies dev...

0 0
View
clerk-security-basics logo
HelixDevelopment/HelixAgent

clerk-security-basics

Implement security best practices with Clerk authentication. Use when securing your application, reviewing auth implementation, or hardening Clerk configuration. Trigger with phrases like "clerk security", "secure clerk", "clerk best practices", "clerk hardening".

0 0
View
openrouter-team-setup logo
HelixDevelopment/HelixAgent

openrouter-team-setup

Configure OpenRouter for team and organizational use. Use when setting up multi-user access or department billing. Trigger with phrases like 'openrouter team', 'openrouter organization', 'multi-user openrouter', 'openrouter rbac'.

0 0
View
coderabbit-security-basics logo
HelixDevelopment/HelixAgent

coderabbit-security-basics

Apply CodeRabbit security best practices for secrets and access control. Use when securing API keys, implementing least privilege access, or auditing CodeRabbit security configuration. Trigger with phrases like "coderabbit security", "coderabbit secrets", "secure coderabbit", "coderabbit API key ...

0 0
View
detecting-infrastructure-drift logo
HelixDevelopment/HelixAgent

detecting-infrastructure-drift

Execute use when detecting infrastructure drift from desired state. Trigger with phrases like "check for drift", "infrastructure drift detection", "compare actual vs desired state", or "detect configuration changes". Identifies discrepancies between current infrastructure and IaC definitions usin...

0 0
View
cursor-reference-architecture logo
HelixDevelopment/HelixAgent

cursor-reference-architecture

Execute reference architecture patterns for Cursor IDE projects. Triggers on "cursor architecture", "cursor project structure", "cursor best practices", "cursor team setup". Use when working with cursor reference architecture functionality. Trigger with phrases like "cursor reference architecture...

0 0
View
vastai-security-basics logo
HelixDevelopment/HelixAgent

vastai-security-basics

Apply Vast.ai security best practices for secrets and access control. Use when securing API keys, implementing least privilege access, or auditing Vast.ai security configuration. Trigger with phrases like "vastai security", "vastai secrets", "secure vastai", "vastai API key security".

0 0
View
instantly-incident-runbook logo
HelixDevelopment/HelixAgent

instantly-incident-runbook

Execute Instantly incident response procedures with triage, mitigation, and postmortem. Use when responding to Instantly-related outages, investigating errors, or running post-incident reviews for Instantly integration failures. Trigger with phrases like "instantly incident", "instantly outage", ...

0 0
View
configuring-load-balancers logo
HelixDevelopment/HelixAgent

configuring-load-balancers

Configure use when configuring load balancers including ALB, NLB, Nginx, and HAProxy. Trigger with phrases like "configure load balancer", "create ALB", "setup nginx load balancing", or "haproxy configuration". Generates production-ready configurations with health checks, SSL termination, sticky ...

0 0
View
building-recommendation-systems logo
HelixDevelopment/HelixAgent

building-recommendation-systems

Execute this skill empowers AI assistant to construct recommendation systems using collaborative filtering, content-based filtering, or hybrid approaches. it analyzes user preferences, item features, and interaction data to generate personalized recommendations... Use when appropriate context det...

0 0
View
perplexity-multi-env-setup logo
HelixDevelopment/HelixAgent

perplexity-multi-env-setup

Configure Perplexity across development, staging, and production environments. Use when setting up multi-environment deployments, configuring per-environment secrets, or implementing environment-specific Perplexity configurations. Trigger with phrases like "perplexity environments", "perplexity s...

0 0
View
juicebox-sdk-patterns logo
HelixDevelopment/HelixAgent

juicebox-sdk-patterns

Apply production-ready Juicebox SDK patterns. Use when implementing robust error handling, retry logic, or enterprise-grade Juicebox integrations. Trigger with phrases like "juicebox best practices", "juicebox patterns", "production juicebox", "juicebox SDK architecture".

0 0
View

Popular AI tools

Kaiber logo
Video

Kaiber

Generate, edit, and beat-sync AI video with leading models in one workspace.

Paid
View
Vimcal logo
Productivity

Vimcal

The world's fastest calendar for remote work

Free
View

Transform Your Design with AI Designer by ImgCreator.ai

Freemium
View
Akool AI logo
Content & writing

Akool AI

Revolutionizing Video Production with AI-Powered Creativity

Paid
View

Extend an image past the frame and let AI fill the new aspect ratio.

Freemium
View
StarByFace logo
Security

StarByFace

Discover your celebrity doppelgänger with StarByFace!

Free
View
C

ChainClarity explains 700+ crypto whitepapers in plain English, with layered summaries, comparisons, research tools, alerts, and a $4.99 Pro plan.

Freemium
View
Opus Clip logo
Coding & apps

Opus Clip

Opus.ai: Revolutionize Your Web Experience

Free
View