MCP HubMCP Hub
返回技能列表

implementing-real-user-monitoring

jeremylongshore
更新于 Today
48 次查看
712
74
712
在 GitHub 上查看
designdata

关于

This skill guides developers through implementing Real User Monitoring (RUM) to track web performance metrics like Core Web Vitals and page load times. It helps select a RUM platform, design an instrumentation strategy, and implement the tracking code. Use it when you need to set up user experience monitoring or performance tracking for your application.

快速安装

Claude Code

推荐
插件命令推荐
/plugin add https://github.com/jeremylongshore/claude-code-plugins-plus
Git 克隆备选方式
git clone https://github.com/jeremylongshore/claude-code-plugins-plus.git ~/.claude/skills/implementing-real-user-monitoring

在 Claude Code 中复制并粘贴此命令以安装该技能

技能文档

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.

GitHub 仓库

jeremylongshore/claude-code-plugins-plus
路径: backups/skills-batch-20251204-000554/plugins/performance/real-user-monitoring/skills/real-user-monitoring
aiautomationclaude-codedevopsmarketplacemcp

相关推荐技能

content-collections

Content Collections 是一个 TypeScript 优先的构建工具,可将本地 Markdown/MDX 文件转换为类型安全的数据集合。它专为构建博客、文档站和内容密集型 Vite+React 应用而设计,提供基于 Zod 的自动模式验证。该工具涵盖从 Vite 插件配置、MDX 编译到生产环境部署的完整工作流。

查看技能

creating-opencode-plugins

该Skill为开发者创建OpenCode插件提供指导,涵盖命令、文件、LSP等25+种事件类型。它详细说明了插件结构、事件API规范及JavaScript/TypeScript实现模式,帮助开发者构建事件驱动的模块。适用于需要拦截操作、扩展功能或自定义AI助手行为的插件开发场景。

查看技能

langchain

LangChain是一个用于构建LLM应用程序的框架,支持智能体、链和RAG应用开发。它提供多模型提供商支持、500+工具集成、记忆管理和向量检索等核心功能。开发者可用它快速构建聊天机器人、问答系统和自主代理,适用于从原型验证到生产部署的全流程。

查看技能

Algorithmic Art Generation

这个Claude Skill帮助开发者使用p5.js创建算法艺术,特别适用于生成式艺术和交互式可视化项目。它支持种子随机性、流场和粒子系统等关键技术,确保艺术作品的重复性和独特性。当讨论生成艺术、算法艺术或计算美学时,该技能会自动激活,指导开发者完成从概念设计到技术实现的全过程。

查看技能