Skip to content
Get packs

Image CDN Review

Reviews image setup and recommends serving images through an optimizing CDN for smaller, faster loads.

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

What it does

When installed, the agent checks how a website's images are delivered, looking at whether they come from an image CDN (a service that resizes and converts pictures automatically, such as Cloudinary, Imgix, Cloudflare Images or Vercel), how big the files are, and how they load. It then flags problems such as oversized or poorly formatted images and suggests fixes and ways to verify them in browser DevTools. The skill is a checklist-style review guide, based on the Front-End Checklist project's image rule.

Great for

  • Front-end developers auditing a website's page speed
  • Teams deciding whether to adopt an image CDN
  • Designers or marketers who want a quick check of how site images are delivered

Skip it if

  • Projects with no web images or front-end code, where the checklist does not apply
  • Anyone expecting the skill to configure a live CDN account automatically; it gives guidance only and the review may miss context outside the files
  • Sites with strict data-residency or privacy rules, since moving images to a third-party CDN sends them to an outside provider

Try asking

  • “Review my project's image markup and tell me which images should be served through a CDN”
  • “Check whether my product page images are too large for their rendered size”
  • “Suggest how to set up Cloudinary or Imgix for responsive image sizes in my React app”
  • “Explain how to confirm in DevTools that my images are now served as WebP or AVIF”
Step-by-step guide: how to use Image CDN 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-cdn.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

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

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip image-cdn.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 its findings name exact locations.
  • Ask it to verify fixes in browser DevTools, since the skill recommends that check.
  • Read references/rule.md for framework-specific examples before making changes.

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.