orbit-bundle-analysis
CommunityAnalyze and optimize JS/CSS bundle for WordPress plugins
Authoradityaarsharma
Version1.0.0
Installs0
System Documentation
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
!importantand 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.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 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: orbit-bundle-analysis Download link: https://github.com/adityaarsharma/orbit/archive/main.zip#orbit-bundle-analysis 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 620,000+ vetted skills library on demand.