Skills
.Work. You
Rest

bundle-optimizer

Community

Shrink bundles, speed up loads, boost performance.

Software Engineering#performance#optimization#bundle size#webpack#code splitting#rollup#tree-shaking
Authorjoshtol
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you combat slow page load times and high bandwidth usage by analyzing and reducing the size of your JavaScript bundles, ensuring a faster and smoother user experience.

Core Features & Use Cases

  • Bundle Analysis: Use powerful tools to visualize your bundle's composition, identify large modules, and pinpoint duplicate dependencies.
  • Code Splitting & Tree Shaking: Implement dynamic imports and configure build tools (Rollup, Next.js) to eliminate dead code and load features on demand.
  • Progressive Loading: Design strategies to deliver a minimal initial bundle for fast first paint, then lazy-load additional features as needed.
  • Use Case: Your website's initial load time is too slow. Use this skill to analyze the bundle, identify large dependencies, and implement code splitting for the audio engine, reducing the initial payload and improving user experience.

Quick Start

Use the bundle-optimizer skill to analyze the current bundle size of the emotive-mascot project and identify the largest modules.

Dependency Matrix

Required Modules

@rollup/plugin-terserwebpack-bundle-analyzerdepcheckbundle-phobia

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: bundle-optimizer
Download link: https://github.com/joshtol/emotive-engine/archive/main.zip#bundle-optimizer

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 223,000+ vetted skills library on demand.