About

Imported from jeremylongshore/tons-of-skills-marketplace (plugins/performance/performance-budget-validator/skills/validating-performance-budgets/SKILL.md). Install upstream with npx skills add jeremylongshore/tons-of-skills-marketplace --skill validating-performance-budgets. Copyright stays with the author (MIT).

Performance Budget Validator

Name: validating-performance-budgets
Author: jeremylongshore

Validate page load times, bundle sizes, and API response times against predefined performance budgets to catch regressions before they reach production.

Overview

This skill allows Claude to automatically validate your application's performance against predefined budgets. It helps identify performance regressions and ensures your application maintains optimal performance characteristics.

How It Works

Analyze Performance Metrics: Claude analyzes current performance metrics, such as page load times, bundle sizes, and API response times.
Validate Against Budget: The plugin validates these metrics against predefined performance budget thresholds.
Report Violations: If any metrics exceed the defined budget, the skill reports violations and provides details on the exceeded thresholds.

When to Use This Skill

This skill activates when you need to:

Validate performance against predefined budgets.
Identify performance regressions in your application.
Integrate performance budget validation into your CI/CD pipeline.

Examples

Example 1: Preventing Performance Regressions

User request: "Validate performance budget for the homepage."

The skill will:

Analyze the homepage's performance metrics (load time, bundle size).
Compare these metrics against the defined budget.
Report any violations, such as exceeding the load time budget.

Example 2: Integrating with CI/CD

User request: "Run performance budget validation as part of the build process."

The skill will:

Execute the performance budget validation command.
Check all defined performance metrics against their budgets.
Report any violations that would cause the build to fail.

Best Practices

Budget Definition: Define realistic and achievable performance budgets based on current application performance and user expectations.
Metric Selection: Choose relevant performance metrics that directly impact user experience, such as page load times and API response times.
CI/CD Integration: Integrate performance budget validation into your CI/CD pipeline to automatically detect and prevent performance regressions.

Integration

This skill can be integrated with other plugins that provide performance metrics, such as website speed test tools or API monitoring services. It can also be used in conjunction with alerting plugins to notify developers of performance budget violations.

Prerequisites

Performance budget definitions in ${CLAUDE_SKILL_DIR}/performance-budgets.json
Access to performance testing tools (Lighthouse, WebPageTest)
Build output directory for bundle analysis
Historical performance metrics for comparison

Instructions

Load performance budget configuration
Collect current performance metrics (load time, bundle size, API latency)
Compare metrics against defined budget thresholds
Identify budget violations and severity
Generate detailed violation report
Provide remediation recommendations

Output

Performance budget validation report
List of metrics exceeding budget thresholds
Comparison with previous measurements
Detailed breakdown by metric category
Actionable recommendations for fixes

Error Handling

If budget validation fails:

Verify budget configuration file exists
Check performance testing tool availability
Validate metric collection permissions
Ensure network access to test endpoints
Review budget threshold definitions

Resources

Performance budget best practices
Lighthouse performance scoring guide
Bundle size optimization techniques
CI/CD integration patterns for performance testing

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

yaml

targets:
  - https://api.opensmartroute.ai/api/v1/registry/jeremylongshore-tons-of-skills-marketplace-validating-pe-ca5754/manifest   # or paste the manifest below

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

jeremylongshore-tons-of-skills-marketplace-validating-pe-ca5754.ocm.jsonjson

{
  "ocm": "1",
  "id": "jeremylongshore-tons-of-skills-marketplace-validating-pe-ca5754",
  "kind": "skill",
  "name": "validating-performance-budgets",
  "description": "Validate application performance against defined budgets to identify regressions early. Use when checking page load times, bundle sizes, or API response times against thresholds. Trigger with phrases like \"validate performance budget\", \"check performance metrics\", or \"detect performance regression\".",
  "publisher": "jeremylongshore",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "coding",
      "finance"
    ],
    "tags": [
      "skill-md",
      "performance",
      "api",
      "validating-performance",
      "skills-sh"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Validate application performance against defined budgets to identify regressions early. Use when checking page load times, bundle sizes, or API response times against thresholds. Trigger with phrases like \"validate performance budget\", \"check performance metrics\", or \"detect performance regression\"."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "skills.sh",
      "repository": "https://github.com/jeremylongshore/tons-of-skills-marketplace",
      "path": "plugins/performance/performance-budget-validator/skills/validating-performance-budgets/SKILL.md",
      "ref": "HEAD",
      "url": "https://github.com/jeremylongshore/tons-of-skills-marketplace/blob/HEAD/plugins/performance/performance-budget-validator/skills/validating-performance-budgets/SKILL.md",
      "key": "jeremylongshore/tons-of-skills-marketplace/plugins/performance/performance-budget-validator/skills/validating-performance-budgets/SKILL.md"
    },
    "compatibility": "Designed for Claude Code",
    "allowed_tools": [
      "Read,",
      "Write,",
      "Edit,",
      "Grep,",
      "Glob,",
      "Bash(lighthouse:*),",
      "Bash(webpack:*),",
      "Bash(performance:*)"
    ],
    "license": "MIT"
  },
  "instructions": "# Performance Budget Validator\n\nValidate page load times, bundle sizes, and API response times against predefined performance budgets to catch regressions before they reach production.\n\n## Overview\n\nThis skill allows Claude to automatically validate your application's performance against predefined budgets. It helps identify performance regressions and ensures your application maintains optimal performance characteristics.\n\n## How It Works\n\n1. **Analyze Performance Metrics**: Claude analyzes current performance metrics, such as page load times, bundle sizes, and API response times.\n2. **Valida",
  "cost": {
    "context_tokens": 924
  }
}

Fetch it by URL: GET /api/v1/registry/jeremylongshore-tons-of-skills-marketplace-validating-pe-ca5754/manifest?version=1.0.0

Reviews

Star ratings from people who tried it. One review per account; edit yours any time.

No reviews yet. Install it, try it, and be the first to rate it.