Agent skill
bundle-optimization
Bundle analysis, code splitting, tree shaking, and size optimization.
Stars
163
Forks
31
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/skills/other/bundle-optimization
SKILL.md
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
bash
# webpack-bundle-analyzer
npx webpack-bundle-analyzer stats.json
# source-map-explorer
npx source-map-explorer dist/*.js
Code Splitting
typescript
// 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
Didn't find tool you were looking for?