Minify all JavaScript files

SkillWeb & browsing

A skill for an AI agent that guides JavaScript minification work. It helps review scripts, client components, bundles, and runtime behavior so that minifying all JavaScript files targets the real bottleneck or bug, checking both source code and the browser execution path.

Available today. Use it from your connected AI after setup.

Have a project with JavaScript files and a build system in place.

Then ask your AI: use the Minify all JavaScript files skill

What your AI can do with it

  • Verify that all JavaScript files are minified in production
  • Configure build tools like Vite or webpack to enable minification
  • Apply Terser or UglifyJS for modern JavaScript minification
  • Enable tree-shaking to remove unused code
  • Flag imports, event handlers, and side effects that violate the rule
  • Explain how minification reduces bundle sizes and improves parsing speed

Getting started

  1. Have a project with JavaScript files and a build system in place.
  2. Add the skill to the agent's available skills.
  3. Ask the agent to review your scripts and bundles for minification.
  4. Apply the suggested build configuration changes, such as enabling Terser or tree-shaking.
  5. Verify the minified output in the browser as the agent recommends.

What this skill tells your AI

The instructions your AI receives, as published by thedaviddias/front-end-checklist in skills/javascript-minification/SKILL.md and read by ahel’s review.

Unminified JavaScript adds hundreds of KB to page weight, slowing down load times especially on mobile networks where every byte counts.

Quick Reference

  • Enable minification in your build tool (Vite, webpack, etc.)
  • Use Terser for modern JavaScript minification
  • Enable tree-shaking to remove unused code
  • Typical reduction: 50-70% file size savings

Check

Verify that all JavaScript files are minified in production to reduce file size, remove comments, and optimize code for faster loading and execution.

Fix

Configure your build system to minify JavaScript files using tools like Terser, UglifyJS, or built-in framework minification for production deployment.

Explain

Explain how JavaScript minification improves website performance by reducing bundle sizes, eliminating dead code, and optimizing parsing speed.

Code Review

Review scripts, client components, and browser execution paths related to Minify all JavaScript files. Flag exact imports, event handlers, runtime side effects, or blocking operations that violate the rule, and state how the change should be verified in the browser.


For full implementation details, code examples, and framework-specific guidance, see references/rule.md.

Rule page: https://frontendchecklist.io/en/rules/javascript/javascript-minification

Signals

GitHub stars
74k
Forks
7k
Last commit
Aug 2026

ahel review

  • K1binfo
    installs-packages (in references/rule.md)

Automated review, not a security audit. Ruleset v1+k2.

Questions

How much smaller do files get after minification?
The skill cites a typical reduction of 50-70% in file size savings when minification is enabled.
Which minification tools does it recommend?
Terser for modern JavaScript, UglifyJS, or the built-in minification provided by your framework for production deployment.
Is this skill suitable for beginners?
Yes. It is marked as beginner difficulty with an estimated time of about 15 minutes.
Does it only look at source code?
No. It inspects both source code and the browser execution path so fixes target the real bottleneck or bug.
Advanced
Item type
skill
Key
javascript-minification
Source
github.com/thedaviddias/front-end-checklist