Skip to content
Get packs

Image Compression Review

Reviews image assets and build setup for compression that keeps visible quality

Source Download skill
Repository
thedaviddias/Front-End-Checklist
Stars
74,632
Licence
MIT
Files
2 files

What it does

When installed, the agent reviews your images, the markup that displays them, and your build or CDN image settings, looking for files that are larger than they need to be. It flags format choices (lossy for photos, lossless for graphics), suggests quality settings around 70-85% for JPEGs, and recommends automating compression in your build. It also explains how to confirm the result in browser DevTools.

Great for

  • Front-end developers auditing page weight and load speed
  • Teams wanting a checklist-style review of image handling before launch

Skip it if

  • Tasks that require actually compressing files: the skill gives guidance and review, not a tool that runs compression itself, so it should not be relied on for batch conversion
  • Projects where exact pixel fidelity matters (e.g. archival or print masters), since the skill's 60-80% savings claims assume minimal visible loss and may not hold for every image

Try asking

  • “Review the images and img tags in my landing page for compression problems”
  • “Check whether my build pipeline optimises images and suggest changes”
  • “Explain why my hero image is slowing down above-the-fold rendering”
Step-by-step guide: how to use Image Compression ReviewInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the MIT licence and an attribution note.

    image-compression.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip image-compression.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip image-compression.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Point the agent at specific files or components so it can flag exact violations rather than general advice.
  • Ask it to confirm fixes in DevTools (Network and Performance panels) to verify actual size reductions.
  • Treat the percentage savings in the skill as rough rules of thumb and measure your own assets.

What's inside

  • references/rule.md
  • SKILL.md

Redistributed unmodified from thedaviddias/Front-End-Checklist under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.