Compression

This one teaches Claude about JavaScript compression with Gzip and Brotli, including the trade-offs between compression ratios, bundle sizes, and caching. It covers both static and dynamic compression strategies, when to use each, and the actual performance gains companies like Oyo and Wix saw switching from Gzip to Brotli (15-25% file size reduction). The skill emphasizes the granularity problem where larger bundles compress better but smaller chunks cache better, which is the kind of nuance that matters when you're actually configuring a production build. It's scoped to read JavaScript and TypeScript files, so it can analyze your code while explaining compression concepts. Useful if you're optimizing network transfer times or setting up server-side compression and want Claude to understand the full context.

skills.sh installs: 1.7K
GitHub stars: 258
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add patternsdev/skills --skill compression --agent claude-code

Installs into .claude/skills of the current project.

Files

JavaScript is the second biggest contributor to page size and the second most requested web resource on the internet after images. We use patterns that reduce the transfer, load, and execution time for JavaScript to improve website performance. Compression can help reduce the time needed to transfer scripts over the network.

When to Use

Use this when you need to reduce JavaScript payload sizes for faster page loads
This is helpful when optimizing network transfer times, especially for users on slower connections
Use this alongside minification, code-splitting, and caching strategies