implementing-real-user-monitoring
关于
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-plusgit 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
- Platform Selection: Helps you consider available RUM platforms (e.g., Google Analytics, Datadog RUM, New Relic).
- Instrumentation Design: Guides you in defining the key performance metrics to track, including Core Web Vitals and custom events.
- 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:
- Guide the user through selecting a RUM platform.
- 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:
- Help define a custom performance metric for purchase completion time.
- 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 仓库
相关推荐技能
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创建算法艺术,特别适用于生成式艺术和交互式可视化项目。它支持种子随机性、流场和粒子系统等关键技术,确保艺术作品的重复性和独特性。当讨论生成艺术、算法艺术或计算美学时,该技能会自动激活,指导开发者完成从概念设计到技术实现的全过程。
