界面已本地化;技能介绍与说明文档按所选语言由 AI 自动翻译,代码、命令、路径和专业术语保留原文,以原作者文档为准。
探索技能
设计与创意 · SKILL.md

web-vitals-monitor

web-vitals-monitor

【设计与创意】Monitor web vitals monitor operations. Auto-activating skill for Frontend Development. Triggers on: web vitals monitor, web vitals monitor Part of the Frontend Development skill category. Use when monitoring systems or services. Trigger with phrases like "web vitals monitor", "web monitor", "web".

独立 GitHub 快照 · 自动分类 · 以原作者文档为准

技能说明

GitHub

name: "web-vitals-monitor" description: | Monitor web vitals monitor operations. Auto-activating skill for Frontend Development. Triggers on: web vitals monitor, web vitals monitor Part of the Frontend Development skill category. Use when monitoring systems or services. Trigger with phrases like "web vitals monitor", "web monitor", "web". allowed-tools: "Read, Write, Edit, Bash(cmd:*), Grep" version: 1.0.0 license: MIT author: "Jeremy Longshore jeremy@intentsolutions.io"

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

ErrorCauseSolution
Configuration invalidMissing required fieldsCheck documentation for required parameters
Tool not foundDependency not installedInstall required tools per prerequisites
Permission deniedInsufficient accessVerify 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

我的收藏