agentsclimarketplace
Sign in

Bundle optimization

Skill a5c-ai/babysitter/library/specializations/web-development/skills/bundle-optimization

Bundle analysis, code splitting, tree shaking, and size optimization.From its SKILL.md

Install
npx -y skills add a5c-ai/babysitter --skill bundle-optimization

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

SKILL.md

1.0 KB, 149 tokens by cl100k_base, as published. Nobody here has run it

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

What ships with it: 1 file

307 B alongside SKILL.md

Keep looking

Skills are one crate of 325,949. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.