Analyze Next.js 16 Turbopack bundle sizes and detect duplicate modules.
npx skills add https://github.com/airRnot1106/skills --skill next-bundle-analyzer
Please help me install this Agent Skill. Skill: next-bundle-analyzer Source: https://github.com/airRnot1106/skills/tree/main/skills/next-bundle-analyzer Command: npx skills add https://github.com/airRnot1106/skills --skill next-bundle-analyzer
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.
Generate the analyze output with pnpm analyze:output, then run the analyze_bundle.py script to interpret the results.
High-intent search queries and answers about installing and using this skill.
To analyze Next.js bundle sizes, run the `pnpm analyze:output` command to generate diagnostic data, then execute the `analyze_bundle.py` Python script to parse the results and identify large dependencies and duplicate modules in your Turbopack builds.
Finding large dependencies and duplicate modules involves running `next experimental-analyze --output` to produce diagnostics, which a Python script then parses to report bundle sizes and pinpoint specific optimization opportunities across client and server bundles.
Yes, the bundle analysis script requires Python 3.11 or later to run. You execute the `analyze_bundle.py` script using `uv run` to interpret the diagnostic output generated by the Next.js experimental analyze command.
Yes, this bundle analysis is specifically applicable to projects using Next.js 16. It focuses on detecting large dependencies, duplicate modules, and providing optimization recommendations for production-build quality checks across Turbopack client and server bundles.
To quality-check Next.js production builds, use `pnpm analyze:output` to write results to the `.next/diagnostics/analyze/` directory, then run the analysis script to review recommendations for trimming client bundles, deduping packages, and moving server-friendly logic.
Montte-erpDiscover and install Nx plugins to extend an Nx workspace.
mrsknetworkOptimize React and Next.js apps for runtime performance and bundle size.
thangvawnOptimize Next.js 16+ builds with Turbopack for faster development and smaller bundles.
AgentientAnalyze and optimize JavaScript bundle size in Next.js projects.
