What it does
Perf Budget Auditor is a specialized developer tool designed to automatically detect frontend performance regressions before they reach production. It scans build artifacts, manifests (stats.json), and asset folders to identify oversized bundles, unoptimized images, leaked source maps, and unminified JavaScript.
Why use this skill
Manually checking file sizes after every build is tedious and error-prone. This skill automates the audit process by comparing your build output against defined performance budgets (perf-budget.json). It provides actionable remediation guidance rather than just raw numbers, helping developers pinpoint exactly which chunks or assets are bloating the application.
Supported tools
- Standard web build folders (dist, build, out)
- Webpack/Rollup/Vite manifest files (stats.json)
- Custom performance budget configurations
- Common frontend assets (JS, CSS, WASM, Images)
Output Expected
You will receive a structured report detailing the inspected scope, specific rule violations, severity levels, and precise file paths. Each finding includes "evidence" (e.g., actual size vs. budget) and clear remediation steps to fix the bloat.