bundle-optimization
CommunitySlash bundle size with icon manifest.
Software Engineering#react#tree-shaking#code-splitting#bundle-size#frontend-performance#build-script#icon-manifest
Authoromerakben
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Large front-end bundles slow down page loads. This Skill focuses on reducing bundle size by generating a curated icon manifest and enabling selective imports from icon libraries.
Core Features & Use Cases
- Icon Manifest: Generate a minimal set of icons (e.g., 42) used by the project to dramatically reduce bundle size.
- Tree-Shaking & Import Hygiene: Enforce named imports and a build-time manifest to avoid wildcard imports.
- Build-Time Integration: Run a script to generate the manifest during the build process and expose a getIcon helper for safe usage.
Quick Start
Run the icon manifest generator and reference getIcon in your UI components to import only the needed icons.
Dependency Matrix
Required Modules
simple-icons
Components
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: bundle-optimization Download link: https://github.com/omerakben/omer-akben/archive/main.zip#bundle-optimization 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.