skillClaude Code ≥ 1.0/bundle-analyze

bundle-analyze

Analyze JS bundle size — large deps, code splitting opportunities

performance

Install

~/.claude/skills/bundle-analyze/SKILL.md

Analyze JavaScript bundle size:

1. For Next.js: `ANALYZE=true npm run build` or `npx @next/bundle-analyzer`
2. For Vite: `npx vite-bundle-visualizer`
3. Parse output and identify:
   - Total bundle size
   - Top 10 largest dependencies
   - Dependencies > 100KB (flag as warnings)
   - Code splitting opportunities
   - Unused exports

Show results as a table sorted by size. Suggest optimizations.

Paste into ~/.claude/skills/bundle-analyze/SKILL.md and Claude Code will pick it up on next session.

Definition

Analyze JavaScript bundle size:

For Next.js: ANALYZE=true npm run build or npx @next/bundle-analyzer
For Vite: npx vite-bundle-visualizer
Parse output and identify:
- Total bundle size
- Top 10 largest dependencies
- Dependencies > 100KB (flag as warnings)
- Code splitting opportunities
- Unused exports

Show results as a table sorted by size. Suggest optimizations.