web-optimize SKILL.md skillA

web-optimize from imagile-dev/claude-plugins is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add imagile-dev/claude-plugins/web-optimize@git:20261020.ce5808a

Pins git:20261020.ce5808a in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
imagile-dev/claude-plugins
Path
plugins/imagile/skills/web-optimize/SKILL.md
Versions recorded
1
Latest version
git:20261020.ce5808a, committed Oct 20, 2026
Size
6,271 bytes
Repository stars
3
License
MIT

Convert images to AVIF and WebP with responsive srcset widths, and judge if it is worth it. Use to optimize, compress or resize images for a web page.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

Produce AVIF/WebP derivatives at responsive widths, with a legacy fallback and a ready `<picture>` block. Originals are never modified or deleted.

## First: decide whether this is worth doing

Web optimization is not free — it multiplies files, adds a build/deploy step, and complicates the asset story. Run it when the image is actually going to be served over HTTP to real users. Assess from context before asking:

**Do it when** the repo looks like a web project (`package.json`, `index.html`, `wwwroot/`, `public/`, `static/`, Next/Astro/Vite/Blazor), *or* the image is destined for a page — hero, banner, background, og:image, product shot, avatar — *or* the user mentions page weight, load time, LCP, or Lighthouse.

**Skip it when** the image is for print, a slide deck, a PDF, a Figma import, or a doc; when it's a master intended for further editing; when the user just wants to look at it; or when it's already small (under ~50 KB) and the extra files buy nothing.

**Say "use SVG instead" when** the asset is a logo, icon, or flat geometric mark. No raster format competes with vector here at any size, and the script will tell you when it detects flat art.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add imagile-dev/claude-plugins/web-optimize@sha256:8600eca51d6e8fe1

The line at the top of this page pins the label git:20261020.ce5808a, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_kxrsafavw4pvnipk.svg)](https://markdownregistry.com/a/art_kxrsafavw4pvnipk)

1 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Oct 20, 2026.

versioncommittedcommitsizeaudit
git:20261020.ce5808a latest2026-10-20 ce5808a 6,271 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (6271 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

imagile-dev/claude-plugins · 3 stars · license MIT · pushed 2026-10-20 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_kxrsafavw4pvnipk
GET https://markdownregistry.com/api/v1/resolve?ref=imagile-dev/claude-plugins/web-optimize
GET https://markdownregistry.com/api/v1/blob/8600eca51d6e8fe12a2d33b9ebde9c1e20330838d77afd4a773ded72d320e4ee

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from imagile-dev/claude-plugins

CLAUDE.md CLAUDE.md file
imagile-dev/claude-plugins · CLAUDE.md
git:20261020.ce5808a · audit A · 3 stars
accessibility SKILL.md skill
imagile-dev/claude-plugins · plugins/imagile/skills/accessibility/SKILL.md · Audit a site or app for WCAG 2.2 AA with axe-core across widths, color schemes and themes, then guide fixes. Use for…
git:20261020.ce5808a · audit B · 3 stars
architecture SKILL.md skill
imagile-dev/claude-plugins · plugins/imagile/skills/architecture/SKILL.md · Design or review a system with Imagile's opinions on .NET, Blazor, TypeScript, Astro and Azure. Use for structure…
git:20261020.ce5808a · audit A · 3 stars
background-removal SKILL.md skill
imagile-dev/claude-plugins · plugins/imagile/skills/background-removal/SKILL.md · Remove image backgrounds offline with Python and rembg, for one file or a folder. Use for cutouts, transparent PNGs or…
git:20261020.ce5808a · audit A · 3 stars
bootstrap SKILL.md skill
imagile-dev/claude-plugins · plugins/imagile/skills/bootstrap/SKILL.md · Install the Imagile engineering system in a repo. Principles, labels, PR template, review bot, capped fix agent…
git:20261020.ce5808a · audit A · 3 stars
code-review SKILL.md skill
imagile-dev/claude-plugins · plugins/imagile/skills/code-review/SKILL.md · Review a diff or PR with a clear Approve or Request Changes and short Major, Minor and Nit findings. Use when asked to…
git:20261020.ce5808a · audit A · 3 stars
commit SKILL.md skill
imagile-dev/claude-plugins · plugins/imagile/skills/commit/SKILL.md · Write a Conventional Commit for the staged changes and commit them. Use when asked to commit, or to write a commit…
git:20261020.ce5808a · audit A · 3 stars
image-generation SKILL.md skill
imagile-dev/claude-plugins · plugins/imagile/skills/image-generation/SKILL.md · Generate or edit images from a prompt through ChatGPT in Chrome or the OpenAI Images API. Use for logos, icons, hero…
git:20261020.ce5808a · audit A · 3 stars
plan SKILL.md skill
imagile-dev/claude-plugins · plugins/imagile/skills/plan/SKILL.md · Scope engineering work as a GitHub issue and a vertical-slice plan. Use for "plan X", "scope Y", "break this down", or…
git:20261020.ce5808a · audit A · 3 stars
principles SKILL.md skill
imagile-dev/claude-plugins · plugins/imagile/skills/principles/SKILL.md · Write, sharpen and audit a principle-first CLAUDE.md so agents decide without asking. Use to set up CLAUDE.md, turn a…
git:20261020.ce5808a · audit A · 3 stars
revisit SKILL.md skill
imagile-dev/claude-plugins · plugins/imagile/skills/revisit/SKILL.md · Review the decisions agents logged in AGENT_DECISIONS.md in one batch, then keep, promote to a principle, or reverse…
git:20261020.ce5808a · audit A · 3 stars
ship SKILL.md skill
imagile-dev/claude-plugins · plugins/imagile/skills/ship/SKILL.md · Take a branch to a merged PR. Rebase, run parallel reviewer agents, fix every finding, log principle gaps, open the PR…
git:20261020.ce5808a · audit A · 3 stars

Every file in imagile-dev/claude-plugins

Browse by kind, by grade A, or by owner.