skills.rest
baekenough
baekenoughCOMMUNITY
Explore all skills by this author →
GitHub

optimize-analyze

Analyze web bundle contents and sizes to generate optimization reports.

34|5|Updated Jan 25, 2026
Search Tags:#performance#report#analyze#web#bundle#build-tools
One-click install
npx skills add https://github.com/baekenough/oh-my-customcode --skill optimize-analyze
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize-analyze
Source: https://github.com/baekenough/oh-my-customcode/tree/main/templates/.claude/skills/optimize-analyze
Command: npx skills add https://github.com/baekenough/oh-my-customcode --skill optimize-analyze

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web apps often suffer from large, slow bundles that delay interactive UX. This Skill helps teams quickly diagnose bundle size issues and performance bottlenecks, enabling faster optimizations.

Core Features & Use Cases

  • Identify the build tool and locate output directories.
  • Analyze bundle composition, size metrics, and dead code usage.
  • Generate an actionable optimization report for typical frontend projects, CI pipelines, and migration efforts.

Quick Start

Run optimize-analyze in your project to generate a bundle report.

Frequently Asked Questions about optimize-analyze

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I analyze web bundle size and composition for my frontend project?▼

To analyze web bundle size and composition, the Skill inspects build outputs to identify size metrics, dead code usage, and optimization opportunities, outputting a structured report with actionable recommendations.

Does this bundle optimization tool work with Vite and webpack?▼

Yes, this bundle optimization tool works with Vite and webpack. It supports common bundlers including webpack, vite, rollup, and esbuild to assess bundle contents and sizes in local development or CI pipelines.

What is the best way to reduce web bundle size and improve load times?▼

The best way to reduce web bundle size and improve load times is to analyze bundle composition and dead code usage, then apply actionable optimization recommendations from a generated size metrics report.

Can I generate a bundle analysis report in my CI pipeline?▼

Yes, you can generate a bundle analysis report in your CI pipeline. The Skill runs in local development or CI environments to assess bundle contents and sizes, outputting a structured report with optimization recommendations.

What do I need to analyze and optimize web bundles for speed?▼

To analyze and optimize web bundles for speed, you need a frontend project built with common bundlers like webpack, vite, rollup, or esbuild, and knowledge of your build output directories.

Related Skills

Explore More Software Engineering Skills→
BerryKuipersBerryKuipers
7

validate-build

Run production build validation across Vite, TypeScript, Webpack, esbuild, and Rollup.

Community
Intermediate
hathbangerhathbanger

vercel-react-best-practices

Apply React and Next.js performance best practices to reduce bundle size.

Community
Advanced
hiddink-aihiddink-ai
1

optimize-analyze

Analyze webpack, vite, and rollup build outputs for bundle size metrics.

Official
Intermediate
686f6c61686f6c61
105

bundle-size

Analyze frontend bundles and apply tree shaking, code splitting, and lazy loading.

Community
Intermediate