/seo-images

Use when optimizing images for SEO — alt text, filenames, formats, lazy loading, responsive sizing.

fusengine@fusengine

GitHub

From plugin

fusengine-agents See the plugin

22196 skills

shell

$ npx -y skills add fusengine/agents --skill seo-images --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/seo-images

How auto-invocation works

Context preview

The summary Claude sees to decide when to auto-load this skill.

Use when optimizing images for SEO — alt text, filenames, formats, lazy loading, responsive sizing.

SKILL.md

seo-images.SKILL.md

name: seo-images
description: Use when optimizing images for SEO — alt text, filenames, formats, lazy loading, responsive sizing.
user-invocable: false
related-skills: seo, seo-schema, seo-technical

<objective> Checks image SEO fundamentals: descriptive `alt` text (empty only for decorative images), kebab-case descriptive filenames, modern formats (WebP/AVIF with JPG/PNG fallback), `loading="lazy"` on below-fold images, responsive `srcset`/`sizes`, explicit `width`/`height` to prevent CLS, ImageObject schema, and file-size/quality targets per image role (hero/content/thumbnail). </objective>

Image SEO

Checks

All `<img>` have descriptive `alt` (empty `alt=""` only for decorative)
Filenames: kebab-case, descriptive (`red-running-shoes.webp` not `IMG_1234.jpg`)
Formats: WebP/AVIF with JPG/PNG fallback
Lazy loading: `loading="lazy"` on below-fold images
Responsive: `srcset` + `sizes` for different viewports
Dimensions: `width` + `height` set to prevent CLS

File Optimization Targets

| Type | Format | Max size | Quality | |------|--------|----------|---------| | Hero | AVIF/WebP | 200 KB | 75-80 | | Content | WebP | 100 KB | 75 | | Thumbnail | WebP | 30 KB | 70 |