Bundle Optimization Skill

SkillDev tools

Bundle analysis, code splitting, tree shaking, and size optimization.

Use Bundle Optimization Skill in Claude, ChatGPT or Ahel Desktop

Free. Sign in, add Bundle Optimization Skill and connect your AI. About a minute.

Also: Claude Code · Cursor · Codex

Then ask your AI: use the Bundle Optimization Skill

Details

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.

Bundle Optimization SkillStart free

What this skill tells your AI

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

Expert assistance for JavaScript bundle optimization.

Capabilities

  • Analyze bundle size
  • Implement code splitting
  • Configure tree shaking
  • Optimize dependencies
  • Set up lazy loading

Analysis

# webpack-bundle-analyzer
npx webpack-bundle-analyzer stats.json

# source-map-explorer
npx source-map-explorer dist/*.js

Code Splitting

// Route-based splitting
const Dashboard = lazy(() => import('./pages/Dashboard'));

// Library splitting
const { Chart } = await import('chart.js');

Target Processes

  • bundle-optimization
  • performance-improvement
  • build-optimization

Signals

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