bundle-size-analyzer

SkillDev tools

Analyze and optimize application bundle size for desktop applications

Instructions available. Your AI can read the instructions. Execution depends on the setup they require.

Add ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.

Then ask your AI: use the bundle-size-analyzer skill

What this skill tells your AI

The instructions your AI receives, as published by a5c-ai/babysitter in library/specializations/desktop-development/skills/bundle-size-analyzer/SKILL.md and read by ahel’s review.

Analyze and optimize application bundle size to improve download times and memory usage.

Capabilities

  • Analyze bundle composition
  • Identify large dependencies
  • Detect duplicate packages
  • Suggest tree-shaking opportunities
  • Generate size reports
  • Track size over time

Input Schema

{
  "type": "object",
  "properties": {
    "projectPath": { "type": "string" },
    "bundler": { "enum": ["webpack", "vite", "rollup", "esbuild"] },
    "generateReport": { "type": "boolean", "default": true }
  },
  "required": ["projectPath"]
}

Webpack Bundle Analyzer

// webpack.config.js
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

module.exports = {
  plugins: [
    new BundleAnalyzerPlugin({
      analyzerMode: 'static',
      reportFilename: 'bundle-report.html'
    })
  ]
};

Optimization Techniques

  1. Tree shaking
  2. Code splitting
  3. Dynamic imports
  4. Replace heavy dependencies
  5. Compress assets

Size Targets

App TypeTargetAcceptableToo Large
Simple utility< 30MB< 60MB> 100MB
Standard app< 80MB< 150MB> 250MB
Complex app< 150MB< 250MB> 400MB

Related Skills

  • startup-time-profiler
  • electron-builder-config

Signals

GitHub stars
2k
Forks
112
Last commit
Sep 2026
Advanced
Item type
skill
Key
bundle-size-analyzer
Source
github.com/a5c-ai/babysitter