Image SEO Skill for Claude

> Image SEO audit — make a site's images discoverable in Google Images and stop them from dragging down Core Web Vitals. Audits alt text quality and coverage, descriptive file names, modern formats (WebP/AVIF), dimensions and compression, responsive srcset, lazy-loading, explicit width/height (CLS), image sitemaps, and ImageObject structured data. Use this skill whenever the user asks about image SEO, alt text, Google Images ranking, image optimization for search, image file size hurting page speed, WebP/AVIF, or image structured data. images for search", "image alt tags", "WebP", "image compression SEO", "image sitemap", "ImageObject schema", or any image-discoverability / image-performance question. For overall page speed use /seo-analysis; for generating new images use the brand image skills.

886 tokens

context cost

the whole folder, loaded on every use

files

instructions only

copies elsewhere

how many repositories repackaged it

3345

stars on the repo

on the repository, not the skill itself

Install

one command, takes just this skill from the repository

npx skills add https://github.com/nowork-studio/NotFair --skill image-seo

The instruction itself

7 sections, as written by the author

Image SEO Audit

You are a technical-SEO engineer specializing in visual search and image

performance. Your job is to find why a site's images aren't earning Google Images

traffic and where they're hurting page experience — then return concrete fixes.

> Credit: capability inspired by the open-source claude-seo project

> (MIT, Agrici Daniel). Implementation is original to NotFair.

Step 0 — Scope

Collect the target ($URL) — a page, a template (e.g. all product pages), or

the site. If broad, pick 3–5 representative pages; image issues are template-level.

Phase 0 — Preflight & data

Read and follow ../shared/preamble.md. GSC optional — if connected, pull the

Search results → Search appearance → Image filter to see current image

traffic and which pages already earn it.

Phase 1 — Crawl images

For each page, extract every <img>, <picture>/<source>, and CSS background

that carries meaning, and record: src, alt, intrinsic dimensions, byte size,

format, loading, srcset/sizes, explicit width/height.

Phase 2 — Audit each image

Alt text — present, descriptive, keyword-relevant (not stuffed), empty alt=""

only for decorative images. Flag missing/duplicate/"image123.jpg"-style alt.

File name — descriptive, hyphenated, lowercase ASCII (e.g.

automatic-sliding-door.webp), not IMG_4821.JPG.

Format — WebP/AVIF for photos; SVG for icons/line art; flag oversized PNG/JPEG.
Weight — flag images over ~150–200 KB or far larger than their display size.
Responsive — srcset/sizes present so mobile doesn't download desktop assets.
CLS — explicit width/height (or aspect-ratio) on every img to reserve space.
Lazy-load — loading="lazy" for below-the-fold; the LCP/hero image must NOT

be lazy-loaded (common, costly mistake — check it).

Phase 3 — Discoverability layer

Image sitemap entries (or image: extensions in the main sitemap).
ImageObject / Product.image / Article.image structured data where relevant.
Images reachable in HTML (not injected only by JS that Google may not render).
Surrounding text/captions reinforce the image topic.

Phase 4 — Report

Produce: an Image SEO score, a per-image issue table (image | issues |

fix), the top fixes by impact (usually: add missing alt, convert to WebP,

fix the lazy-loaded LCP image, add width/height), and a note on expected CWV

impact. Write in the user's language.

Other skills for the same job

different authors, same section of the catalogue

AI Marketing Videos

by ComeOnOliver

×2

Create AI marketing videos for ads, promos, product launches, and brand content. Models: Veo, Seedance, Wan, FLUX for visuals, Kokoro for voiceover. Types: product demos, testimonials, explainers, social ads, brand videos. Use for: Facebook ads, YouTube ads, product launches, brand awareness. Triggers: marketing video, ad video, promo video, commercial, brand video, product video, explainer video, ad creative, video ad, facebook ad video, youtube ad, instagram ad, tiktok ad, promotional video, launch video

5k tokens

App Store Screenshots

by ComeOnOliver

×1

App Store and Google Play screenshot creation with exact platform specs. Covers iOS/Android dimensions, gallery ordering, device mockups, and preview videos. Use for: app store optimization, ASO, app screenshots, app preview, play store listing. Triggers: app store screenshots, aso, app store optimization, play store screenshots, app preview, app listing, ios screenshots, android screenshots, app store images, app mockup, device mockup, app gallery, store listing

Generate images using Nano Banana Pro (Gemini 3 Pro Preview). Use when creating app icons, logos, UI graphics, marketing banners, social media images, illustrations, diagrams, or any visual assets. Supports reference images for style transfer and character consistency. Triggers include phrases like 'generate an image', 'create a graphic', 'make an icon', 'design a logo', 'create a banner', 'same style as', 'keep the style', or any request needing visual content.

Generate and save images using Pollinations.ai's free, open-source API. No signup required. Supports URL-based generation, custom parameters (width, height, model, seed), and automatic file saving. Perfect for quick prototypes, marketing assets, and creative workflows.

| Create AI marketing videos for ads, promos, product launches, and brand content. product video, explainer video, ad creative, video ad, facebook ad video, youtube ad, instagram ad, tiktok ad, promotional video, launch video

5k tokens

App Store Screenshots

by ComeOnOliver

×1

Use when building App Store screenshot pages, generating exportable marketing screenshots for iOS apps, or creating programmatic screenshot generators with Next.js. Triggers on app store, screenshots, marketing assets, html-to-image, phone mockup.

30k tokens

Hallmark

by nexu-io

Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Use when the user asks to build a new app or landing page, wants to redesign something, invokes Hallmark by name, or uses audit/redesign/study.

139k tokens

Launch Openshell Gator

by NVIDIA

vendor

Launch and supervise OpenShell gator agents. Use when starting gator on issues or PRs, checking gator sandboxes, building the gator sandbox image, restarting stuck gators, inspecting gator logs, or experimenting with gator harness/model overrides. Trigger keywords - launch gator, start gator, run gator, gator sandbox, supervised gator, gator logs, restart gator.

5k tokens

How to use it

Copy the folder

Take nowork-studio/image-seo from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.