orbit-bundle-analysis

Analyze JavaScript and CSS bundle weights for WordPress plugins.

2|1|Updated Apr 20, 2026
One-click install
npx skills add https://github.com/adityaarsharma/orbit --skill orbit-bundle-analysis
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: orbit-bundle-analysis
Source: https://github.com/adityaarsharma/orbit/tree/main/skills/orbit-bundle-analysis
Command: npx skills add https://github.com/adityaarsharma/orbit --skill orbit-bundle-analysis

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the issue of large JavaScript and CSS bundles in WordPress plugins, which can lead to increased page load times and higher bandwidth usage.

Core Features & Use Cases

  • Asset Weight Summary: Provides a breakdown of the weight of individual files and the total weight of the bundle.
  • Visual Breakdown: Offers a visual representation of the JavaScript bundle using source-map-explorer.
  • Unused CSS Detection: Identifies unused CSS for potential removal to reduce bloat.
  • Source Map Analysis: Helps identify large imports and dependencies.
  • Asset Weight Regression: Compares the current version of the plugin against the previous release to find weight differences.
  • CSS Specificity Audit: Checks for the use of !important and high specificity values, which can lead to CSS bloat.
  • Best Practices: Provides guidance on best practices for optimizing WordPress plugin assets.
  • Use Case: For a plugin developer looking to reduce the size of their plugin's assets and improve performance.

Quick Start

Analyze the asset weight of a WordPress plugin by running the following command: bash ~/Claude/orbit/scripts/check-asset-weight.sh ~/plugins/my-plugin.

Frequently Asked Questions about orbit-bundle-analysis

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

FAQPage Schema
How do I analyze and reduce JavaScript and CSS bundle size in WordPress plugins?

Bundle analysis for WordPress plugins detects unused CSS, visualizes JavaScript bundles via source maps, and provides an asset weight summary to identify and reduce file size bloat.

How does source map analysis help optimize JavaScript bundle weight?

Source map analysis identifies large imports and dependencies by offering a visual representation of the JavaScript bundle, helping developers target specific files for weight reduction.

Can I use PurgeCSS to detect unused CSS in my WordPress plugin?

Yes, this bundle analysis may utilize PurgeCSS to identify unused CSS in WordPress plugins for potential removal, directly reducing file bloat and improving overall page load performance.

What is the best way to check for CSS bloat and specificity issues in WordPress assets?

Performing a CSS specificity audit checks for `!important` usage and high specificity values that lead to CSS bloat, providing guidance on best practices for optimizing WordPress plugin assets.

How do I compare asset weight differences between WordPress plugin versions?

Asset weight regression compares the current WordPress plugin version against the previous release to find weight differences, allowing developers to catch file size increases before deployment.