OpenSkillIndex← back to search
claude-codedevelopment

Babysitter bundle-optimization

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

install
source · Clone the upstream repo
git clone https://github.com/a5c-ai/babysitter
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/a5c-ai/babysitter "$T" && mkdir -p ~/.claude/skills && cp -r "$T/library/specializations/web-development/skills/bundle-optimization" ~/.claude/skills/a5c-ai-babysitter-bundle-optimization && rm -rf "$T"
manifest: library/specializations/web-development/skills/bundle-optimization/SKILL.md
tags
#bundle-analysis#code-splitting#tree-shaking#performance-improvement#build-optimization
source content

Bundle Optimization Skill

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