web-vitals-monitor

# Web Vitals Monitor ## Overview This skill provides automated assistance for web vitals monitor tasks within the Frontend Development domain. ## When to Use This skill activates automatically when you: - Mention "web vitals monitor" in your request - Ask about web vitals monitor patterns or best practices - Need help with frontend skills covering react, vue, css, accessibility, performance optimization, and modern web development patterns. ## Instructions 1. Provides step-by-step guidance for web vitals monitor 2. Follows industry best practices and patterns 3. Generates production-ready code and configurations 4. Validates outputs against common standards ## Examples **Example: Basic Usage** Request: "Help me with web vitals monitor" Result: Provides step-by-step guidance and generates appropriate configurations ## Prerequisites - Relevant development environment configured - Access to necessary tools and services - Basic understanding of frontend development concepts ## Output - Generated configurations and code - Best practice recommendations - Validation results ## Error Handling | Error | Cause | Solution | |-------|-------|----------| | Configuration invalid | Missing required fields | Check documentation for required parameters | | Tool not found | Dependency not installed | Install required tools per prerequisites | | Permission denied | Insufficient access | Verify credentials and permissions | ## Resources - Official documentation for related tools - Best practices guides - Community examples and tutorials ## Related Skills Part of the **Frontend Development** skill category. Tags: react, vue, css, accessibility, web