skills.rest
hiddink-ai
hiddink-aiOFFICIAL
Explore all skills by this author →
GitHub

optimize-analyze

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

1|Updated May 21, 2026
Search Tags:#performance#optimization#analysis#build#web#bundle
One-click install
npx skills add https://github.com/hiddink-ai/hiddink-harness --skill optimize-analyze-hiddink-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize-analyze
Source: https://github.com/hiddink-ai/hiddink-harness/tree/main/templates/skills/optimize-analyze
Command: npx skills add https://github.com/hiddink-ai/hiddink-harness --skill optimize-analyze-hiddink-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the complexity of modern web build systems by automating the identification of performance bottlenecks, large dependencies, and dead code within your project.

Core Features & Use Cases

  • Build Tool Agnostic: Automatically detects and interfaces with webpack, vite, rollup, and esbuild.
  • Performance Auditing: Provides detailed breakdowns of bundle composition, tree-shaking status, and size metrics.
  • Use Case: When a web application's initial load time increases, use this skill to pinpoint which specific modules or large dependencies are bloating the production bundle and receive actionable optimization recommendations.

Quick Start

Run the optimize-analyze skill on your current project directory to generate a comprehensive performance 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 my web bundle to find heavy dependencies and reduce load times?▼

To analyze your web bundle, this skill automatically interfaces with build toolchains like webpack, vite, and rollup to detect heavy dependencies and provide structured reporting on module composition for faster load times.

What is tree-shaking efficiency and how does it impact web performance?▼

Tree-shaking efficiency measures how effectively your build removes unused code. This skill audits your production bundle to identify dead code and reports on tree-shaking status to help reduce bundle size and improve initial load time.

Does this performance analysis tool work with both webpack and vite?▼

Yes, this performance analysis tool is build tool agnostic, automatically detecting and interfacing with webpack, vite, rollup, and esbuild to identify bundle size metrics and optimization opportunities.

How can I pinpoint which specific modules are bloating my production build?▼

You can pinpoint bloated modules by running this skill on your project directory to generate a comprehensive performance report that provides a detailed breakdown of bundle composition and identifies large dependencies.

What is the best way to identify dead code in a web application build output?▼

The best way to identify dead code is to audit the build output across toolchains like rollup and esbuild, which this skill automates by detecting unused code and evaluating tree-shaking efficiency.

Related Skills

Explore More Software Engineering Skills→
baekenoughbaekenough
34

optimize-analyze

Analyze web bundle contents and sizes to generate optimization reports.

Community
Intermediate
larsnyglarsnyg

performance-optimizer

Identify and resolve performance bottlenecks across frontend, backend, and database layers.

Community
Advanced
cenjiecenjie

react-vite-best-practices

Optimize React and Vite builds by tuning configuration and chunking.

Community
Advanced
adityaarsharmaadityaarsharma
2

orbit-bundle-analysis

Analyze JavaScript and CSS bundle weights for WordPress plugins.

Community
Advanced