Skills
.Work. You
Rest

bundler-analyze

Community

Analyze JS bundle size

Software Engineering#performance#optimization#javascript#webpack#vite#bundler
Authorjholhewres
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps developers identify and reduce the size of their JavaScript bundles, leading to faster load times and improved web performance.

Core Features & Use Cases

  • Bundle Size Analysis: Visualize the composition of your JavaScript bundles using tools like Vite Bundle Visualizer and Webpack Bundle Analyzer.
  • Dependency Optimization: Quickly identify large dependencies that can be optimized or replaced.
  • Quick Size Checks: Get a rapid overview of build output sizes for JavaScript and CSS files.
  • Import Cost Estimation: Understand the size impact of individual modules.
  • Use Case: After building your frontend application, use this Skill to pinpoint which components or libraries are contributing the most to the final bundle size, allowing you to make informed decisions about optimization.

Quick Start

Run npx vite-bundle-visualizer to analyze your Vite project's bundle size.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: bundler-analyze
Download link: https://github.com/jholhewres/devclaw-skills/archive/main.zip#bundler-analyze

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.