Analyze frontend bundle outputs and enforce size budgets for Vite, Webpack, Next.js, or Rollup.
npx skills add https://github.com/helderberto/skills --skill perf-audit-helderberto
Please help me install this Agent Skill. Skill: perf-audit Source: https://github.com/helderberto/skills/tree/main/perf-audit Command: npx skills add https://github.com/helderberto/skills --skill perf-audit-helderberto
Analyzes frontend bundles to reduce size and improve load times by surfacing performance bottlenecks and optimization opportunities.
Run a production build and generate a bundle report to identify bottlenecks and optimization opportunities.
High-intent search queries and answers about installing and using this skill.
Yes, bundle analysis supports Vite, Webpack, Next.js, and Rollup. The audit automatically detects your toolchain from the production build workflow and analyzes the generated bundle outputs to identify size distribution and heavy chunks.
Enforce bundle size budgets by comparing initial JS/CSS and total page weight against defined thresholds. The audit checks package.json for heavy packages and reports size budgets to prevent performance regressions across your frontend build.
You need a production build workflow to use this bundle audit. The tool requires generated production build outputs and checks your package.json for heavy packages to accurately analyze initial JS/CSS size and report optimization opportunities.
Without a production build, bundle analysis cannot accurately assess size distribution or enforce size budgets. The audit enforces production builds because development builds do not reflect the minified initial JS/CSS or heavy dependencies impacting load times.
DexploarerAnalyze JavaScript bundle sizes and propose code-splitting optimizations.
joshtolAnalyze JavaScript bundles and implement code splitting for the emotive-mascot platform.
luanrodriguesValidate Vue.js frontend performance against Core Web Vitals and Lighthouse score.
CloudAI-XProfile and optimize application performance across frontend, backend, and database layers.
