React Doctor
makeplane/plane
Scans React code for lint, accessibility, bundle size and architecture issues, reports a health score and checks that changes do not lower it.
Agent skill
Validating Performance Budgets
by jeremylongshore in jeremylongshore/tons-of-skills-marketplace
Validate application performance against defined budgets to identify regressions early.
Install Validating Performance Budgets
$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill validating-performance-budgets -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install jeremylongshore/tons-of-skills-marketplace validating-performance-budgets --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/.curated/validating-performance-budgets .claude/skills/validating-performance-budgets && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "validating-performance-budgets" agent skill from https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/main/skills/.curated/validating-performance-budgets into .claude/skills/validating-performance-budgets/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "validating-performance-budgets", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/main/skills/.curated/validating-performance-budgetsType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill validating-performance-budgets -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install jeremylongshore/tons-of-skills-marketplace validating-performance-budgets --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/.curated/validating-performance-budgets .agents/skills/validating-performance-budgets && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "validating-performance-budgets" agent skill from https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/main/skills/.curated/validating-performance-budgets into .agents/skills/validating-performance-budgets/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "validating-performance-budgets", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill validating-performance-budgets -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install jeremylongshore/tons-of-skills-marketplace validating-performance-budgets --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/.curated/validating-performance-budgets .cursor/skills/validating-performance-budgets && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "validating-performance-budgets" agent skill from https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/main/skills/.curated/validating-performance-budgets into .cursor/skills/validating-performance-budgets/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "validating-performance-budgets", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/jeremylongshore/tons-of-skills-marketplace.git --path skills/.curated/validating-performance-budgets--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill validating-performance-budgets -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install jeremylongshore/tons-of-skills-marketplace validating-performance-budgets --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/.curated/validating-performance-budgets .gemini/skills/validating-performance-budgets && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "validating-performance-budgets" agent skill from https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/main/skills/.curated/validating-performance-budgets into .gemini/skills/validating-performance-budgets/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "validating-performance-budgets", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install jeremylongshore/tons-of-skills-marketplace validating-performance-budgetsInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill validating-performance-budgets -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/.curated/validating-performance-budgets .github/skills/validating-performance-budgets && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "validating-performance-budgets" agent skill from https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/main/skills/.curated/validating-performance-budgets into .github/skills/validating-performance-budgets/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "validating-performance-budgets", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill validating-performance-budgets -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install jeremylongshore/tons-of-skills-marketplace validating-performance-budgets --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/.curated/validating-performance-budgets .opencode/skills/validating-performance-budgets && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "validating-performance-budgets" agent skill from https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/main/skills/.curated/validating-performance-budgets into .opencode/skills/validating-performance-budgets/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "validating-performance-budgets", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
validating-performance-budgets- GitHub stars
- 2.8k
- Token cost
- ~1.1k tokens
- SKILL.md length
- 464 words
- Files
- 7 (incl. scripts, references, assets)
- Skills in repo
- 3,342
- Repo updated
- First seen
- Licence
- MIT
At a glance
Validate application performance against defined budgets to identify regressions early.
- Works in 3 steps: Analyze Performance Metrics: Claude… → Validate Against Budget: The plugin… → Report Violations: If any metrics exceed…
- Checking page load times
- SKILL.md covers Overview, How It Works, When to Use This Skill and Examples, plus 7 more sections
- Runs Python scripts from its folder
What it does
Validating Performance Budgets is an agent skill from jeremylongshore/tons-of-skills-marketplace. 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".
Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 9 other files, including scripts, reference files and assets (for example `assets/README.md`, `references/README.md` and `scripts/README.md`). Compatibility notes: Designed for Claude Code
It sits in Frontend & Design, covering Web performance. The repository describes itself as: Model-agnostic agent-skills platform with a harness-free canonical layer, verified adapters, and the ccpi package manager. Explore at tonsofskills.com. The licence is MIT.
When your agent uses it
- Checking page load times
- API response times against thresholds
- With phrases like validate performance budget
- Check performance metrics
Example prompts
- “validate performance budget”
- “check performance metrics”
- “detect performance regression”
- “/validating-performance-budgets”
Requirements
- Python 3
- Compatibility (from SKILL.md): Designed for Claude Code
- Pre-approved tools (allowed-tools): Read, Write, Edit, Grep, Glob, Bash(lighthouse:*), Bash(webpack:*), Bash(performance:*)
Workflow steps
3 steps, taken from the first numbered list in SKILL.md.
- 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.
What it can do on your machine
Read from SKILL.md and the folder at commit 80f86df. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves these tools, so the agent can use them without asking each time:
ReadWriteEditGrepGlobBash(lighthouse:*)Bash(webpack:*)Bash(performance:*)
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships 4 files in scripts/ (Python), which the agent can run.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Compatibility
Designed for Claude Code
From compatibility in the SKILL.md frontmatter.
Context cost
Validating Performance Budgets loads about 1.1k tokens when it runs, and up to ~1.1k if it reads all its reference files. Until then it costs about 83 tokens; SKILL.md has 464 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
SKILL.md
The full file from jeremylongshore/tons-of-skills-marketplace at commit 80f86df, republished under its MIT licence (© jeremylongshore). 464 words, ~1,086 tokens.
Download SKILL.mdSave it as
.claude/skills/validating-performance-budgets/SKILL.md (or your agent's skills folder). This skill also uses 6 other files; get the full folder from GitHub.- 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".
- allowed-tools
- Read, Write, Edit, Grep, Glob, Bash(lighthouse:*), Bash(webpack:*), Bash(performance:*)
- compatibility
- Designed for Claude Code
- version
- 1.22.0
- license
- MIT
- author
- Jeremy Longshore <jeremy@intentsolutions.io>
- tags
- performance, api, validating-performance
Performance Budget Validator
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.
Show full SKILL.md (176 more words)Show less
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
© jeremylongshore, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 6 other files (scripts, references, assets) in skills/.curated/validating-performance-budgets of jeremylongshore/tons-of-skills-marketplace.
- SKILL.md
- assets/README.md
- references/README.md
- scripts/README.md
- scripts/create_budget.py
- scripts/report_violation.py
- scripts/validate_budget.py
Open the folder on GitHubat commit 80f86df
Compare with similar skills
Validating Performance Budgets next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Validating Performance Budgets this skilljeremylongshore/tons-of-skills-marketplace | 2.8k | — | ~1.1k | Automated safety check: Pass | MIT | |
| React Doctormakeplane/plane | 61k | 12 repos | ~657 | Automated safety check: Pass | AGPL-3.0 | |
| Fixing Motion Performanceibelick/ui-skills | 9.5k | 5 repos | ~1.4k | Automated safety check: Pass | MIT | |
| GSAP Performance Tuninggreensock/gsap-skills | 16k | 4 repos | ~1k | Automated safety check: Pass | MIT | |
| React Frontend Development Guidelinesdiet103/claude-code-infrastructure-showcase | 10k | 2 repos | ~2.9k | Automated safety check: Pass | MIT | |
| Web Quality Auditaddyosmani/web-quality-skills | 2.9k | — | ~2.6k | Automated safety check: Pass | MIT |
Similar skills
Fixing Motion Performance
ibelick/ui-skills
Audits and fixes web animation performance: layout thrashing, work that belongs on the compositor, scroll-linked motion and costly blur effects.
GSAP Performance Tuning
greensock/gsap-skills
Guides the agent to keep GSAP animations smooth by animating transforms and opacity, batching DOM reads and writes, and avoiding layout-heavy properties.
React Frontend Development Guidelines
diet103/claude-code-infrastructure-showcase
Guidelines for React 18 and TypeScript apps covering Suspense data fetching, lazy loading, feature folders, MUI v7 styling, TanStack Router and performance.
Web Quality Audit
addyosmani/web-quality-skills
Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing.
SEO Google
AgriciDaniel/codex-seo
Google SEO APIs: Search Console (Search Analytics, URL Inspection, Sitemaps), PageSpeed Insights v5, CrUX field data with 25-week history, Indexing API v3, and GA4 organic traffic.
More from jeremylongshore/tons-of-skills-marketplace
All 3,342 skills in this repoPerforming Security Code Review
jeremylongshore/tons-of-skills-marketplace
Execute this skill enables AI assistant to conduct a security-focused code review using the security-agent plugin.
Adapting Transfer Learning Models
jeremylongshore/tons-of-skills-marketplace
Build this skill automates the adaptation of pre-trained machine learning models using transfer learning techniques.
Agent Context Loader
jeremylongshore/tons-of-skills-marketplace
Execute proactive auto-loading: automatically detects and loads agents.md files.
Aggregating Performance Metrics
jeremylongshore/tons-of-skills-marketplace
Aggregate and centralize performance metrics from applications, systems, databases, caches, and services.
Analyzing Capacity Planning
jeremylongshore/tons-of-skills-marketplace
Execute this skill enables AI assistant to analyze capacity requirements and plan for future growth.
Analyzing Database Indexes
jeremylongshore/tons-of-skills-marketplace
Process use when you need to work with database indexing. An agent skill from jeremylongshore/tons-of-skills-marketplace.
Related
Categories
Questions about Validating Performance Budgets
What does Validating Performance Budgets do?
Validate application performance against defined budgets to identify regressions early. Validating Performance Budgets is an agent skill from jeremylongshore/tons-of-skills-marketplace. Validate application performance against defined budgets to identify regressions early.
When should I use Validating Performance Budgets?
Validating Performance Budgets fits situations like: checking page load times; API response times against thresholds; with phrases like validate performance budget; check performance metrics.
How do I install Validating Performance Budgets in Claude Code?
Run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill validating-performance-budgets -a claude-code`. Or copy the skill folder (skills/.curated/validating-performance-budgets in jeremylongshore/tons-of-skills-marketplace) into .claude/skills/validating-performance-budgets in your project. Claude Code loads it when a task matches its description.
How do I install Validating Performance Budgets in Codex?
Run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill validating-performance-budgets -a codex`. Or copy the skill folder (skills/.curated/validating-performance-budgets in jeremylongshore/tons-of-skills-marketplace) into .agents/skills/validating-performance-budgets in your project. Codex loads it when a task matches its description.
Can I use Validating Performance Budgets in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill validating-performance-budgets -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/validating-performance-budgets, .gemini/skills/validating-performance-budgets, .github/skills/validating-performance-budgets and .opencode/skills/validating-performance-budgets in your project.
What does Validating Performance Budgets need to run?
Going by SKILL.md and its folder, Validating Performance Budgets needs Python for the scripts in its folder. Our summary lists: Python 3. Its frontmatter pre-approves these tools: Read, Write, Edit, Grep, Glob, Bash(lighthouse:*), Bash(webpack:*), Bash(performance:*). Compatibility (from SKILL.md): Designed for Claude Code.
Does Validating Performance Budgets access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Validating Performance Budgets safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Validating Performance Budgets use?
Validating Performance Budgets is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Validating Performance Budgets use?
About 1.1k tokens (SKILL.md is roughly 4.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 18 tokens, read only when the agent opens those files.
What are the alternatives to Validating Performance Budgets?
Skills that share tags, products or a category with Validating Performance Budgets: React Doctor (makeplane/plane, 61k stars), Fixing Motion Performance (ibelick/ui-skills, 9.5k stars), GSAP Performance Tuning (greensock/gsap-skills, 16k stars) and React Frontend Development Guidelines (diet103/claude-code-infrastructure-showcase, 10k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Validating Performance Budgets?
jeremylongshore (a GitHub user) maintains it in jeremylongshore/tons-of-skills-marketplace, which has 2,825 GitHub stars. The repository holds 3,342 skills in this directory. The repository was last updated on October 9, 2026.
Source: jeremylongshore/tons-of-skills-marketplace on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.