How do I install the Image Cdn skill?

Run npx skillmds@latest add thedaviddias/image-cdn in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Image Cdn skill do?

Use when reviewing image assets, markup, and CDN or build transforms related to Serve images from a CDN. Check encoded size, rendered size, loading strategy, and above-the-fold impact together. It is listed under Coding & Dev Tools on SkillMD.

Is Image Cdn safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Image Cdn?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Image Cdn free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Image Cdn?

thedaviddias (@thedaviddias) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Image Cdn by thedaviddias — Agent Skill

Name: Image Cdn
Author: thedaviddias

File contents

Serve images from a CDN

Image CDNs automatically optimize, resize, and convert images on-the-fly—delivering the smallest file in the best format without manual processing.

Quick Reference

Use image CDN for automatic format conversion (WebP, AVIF)
Generate responsive sizes on-the-fly via URL parameters
CDN edge caching delivers images from nearest location
Popular options: Cloudinary, Imgix, Cloudflare Images, Vercel

Check

Verify if images are served from a CDN or image optimization service.

Fix

Configure an image CDN like Cloudinary, Imgix, or Cloudflare Images for automatic optimization.

Explain

Explain how image CDNs provide on-the-fly optimization, resizing, and format conversion.

Code Review

Review image assets, markup, and delivery configuration related to Serve images from a CDN. Flag exact files or components where format choice, sizing, or loading behavior violates the rule, and describe how to confirm the fix in DevTools.

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

Rule page: https://frontendchecklist.io/en/rules/images/image-cdn

Frequently asked questions

Image Cdn