next-bundle-analyzer
CommunityAnalyze Next.js bundles for size and optimization.
AuthorairRnot1106
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Analyze and quality-check Next.js 16 (Turbopack) bundle sizes using pnpm analyze:output (i.e. next experimental-analyze --output). Use when the user wants to inspect bundle sizes, find large dependencies, detect duplicate modules, quality-check production builds, or get optimization recommendations.
Core Features & Use Cases
- Generate analyze output using the pre-defined pnpm script (see package.json): pnpm analyze:output, which writes results to .next/diagnostics/analyze/.
- Run the analysis script to interpret the results: uv run .claude/skills/next-bundle-analyzer/scripts/analyze_bundle.py .next/diagnostics/analyze
- Review recommendations and identify optimization opportunities like trimming client bundles, deduping packages, and moving server-friendly logic.
Quick Start
Generate the analyze output with pnpm analyze:output, then run the analyze_bundle.py script to interpret the results.
Dependency Matrix
Required Modules
None requiredComponents
scripts
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: next-bundle-analyzer Download link: https://github.com/airRnot1106/skills/archive/main.zip#next-bundle-analyzer Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.