Skills
.Work. You
Rest

bundle-size

Community

Shrink frontend bundles, boost performance.

Software Engineering#performance#bundle size#tree shaking#lazy loading#code splitting#frontend optimization
Author686f6c61
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the critical issue of large frontend bundle sizes, which directly impact website loading times, user experience, and data consumption.

Core Features & Use Cases

  • Bundle Analysis: Visually inspect bundle contents to identify oversized dependencies and code.
  • Optimization Strategies: Apply techniques like tree shaking, code splitting, and lazy loading.
  • Dependency Management: Suggest lightweight alternatives to heavy libraries.
  • Performance Measurement: Track bundle size changes and loading performance before and after optimization.
  • Use Case: A frontend application's JavaScript bundle has grown to over 1MB, causing slow load times on mobile devices. This Skill will analyze the bundle, identify redundant libraries and large components, and implement code splitting to reduce the initial load size.

Quick Start

Analyze the current frontend bundle size and identify the largest components.

Dependency Matrix

Required Modules

None required

Components

references

💻 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-size
Download link: https://github.com/686f6c61/alfred-dev/archive/main.zip#bundle-size

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.