Bundle Optimization Skill

SkillDev tools

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

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

Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.

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 Optimization Skill skill

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: 112
Last commit: Sep 2026

Advanced

Item type: skill
Key: bundle-optimization
Source: github.com/a5c-ai/babysitter

github.com/a5c-ai/babysitter