skills.rest
furrycolombia-sys
furrycolombia-sysCOMMUNITY
Explore all skills by this author →
GitHub

analyze-bundle

Analyze JavaScript bundle size and module contributions to identify optimization opportunities.

1|Updated Mar 18, 2026
Search Tags:#optimization#javascript#analyze#bundle#web-performance#code-splitting#dependency-graph
One-click install
npx skills add https://github.com/furrycolombia-sys/candyshop --skill analyze-bundle
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: analyze-bundle
Source: https://github.com/furrycolombia-sys/candyshop/tree/main/.agents/skills/analyze-bundle
Command: npx skills add https://github.com/furrycolombia-sys/candyshop --skill analyze-bundle

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Analyze workflows and bundles to help engineers reduce payloads and speed up apps by exposing size hot spots and optimization opportunities.

Core Features & Use Cases

  • Bundle-size analysis: quantify total size and per-module contributions to identify optimization targets.
  • Dependency discovery: surface large dependencies and opportunities for tree-shaking or code-splitting.
  • Performance guidance: recommend strategies like lazy loading, code-splitting, and compression to reduce load times.

Quick Start

Run the analyze-bundle workflow on your project to generate a size report.

Frequently Asked Questions about analyze-bundle

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I analyze my JavaScript bundle size to find optimization opportunities?▼

To analyze JavaScript bundle size, this Skill quantifies total size and per-module contributions, surfacing large dependencies and opportunities for tree-shaking or code-splitting to identify optimization targets.

What's the best way to reduce initial load costs in a web application?▼

Reducing initial load costs involves applying performance guidance from a bundle analysis, recommending strategies like lazy loading, code-splitting, and compression to decrease payload sizes and speed up apps.

How does dependency graph analysis improve web performance?▼

Dependency graph analysis improves web performance by exposing size hot spots across development and production environments, allowing you to discover large dependencies and apply tree-shaking to remove unused code.

Can I use this bundle analysis workflow with modern web tooling setups?▼

Yes, this bundle analysis workflow applies to web applications built with modern tooling, adapting and executing the workflow within Codex by reading the configuration from the project's skill file.

Why does my code-splitting strategy not reducing total bundle payload?▼

If code-splitting is not reducing payload, a per-module bundle analysis can identify remaining size hot spots, quantify module contributions, and reveal if large dependencies require tree-shaking or lazy loading.

Related Skills

Explore More Software Engineering Skills→
EhssanAtassiEhssanAtassi

bundle-optimization

Analyze Angular bundles and reduce sizes via splitting, lazy loading, and tree shaking.

Community
Advanced
hiddink-aihiddink-ai
1

optimize-bundle

Analyze build output and apply code splitting and tree-shaking optimizations.

Official
Intermediate
nimadorostkarnimadorostkar
25

web-performance

Analyze Core Web Vitals and resource delivery to optimize page load performance.

Community
Advanced
getsentrygetsentry
8.7k

bump-size-limit

Adjust bundle size limits in `.size-limit.js` when CI checks fail.

Official
Intermediate