How does it handle image accessibility?

It audits elements for descriptive alt text, ensuring they meet the 10-125 character length guidelines while avoiding keyword stuffing.

Can it identify images that are slowing down my site?

It uses tiered thresholds to flag oversized images based on their role, identifying thumbnails over 50KB or content images over 100KB.

Does it suggest specific image formats?

Yes, it prioritizes modern formats like WebP and AVIF, providing standardized element patterns for cross-browser fallback support.

Does it support lazy loading optimization?

Yes, it identifies below-fold images that should use native lazy loading and flags above-fold images where lazy loading would harm performance.

How does this skill help with Core Web Vitals?

It identifies missing image dimensions to prevent Cumulative Layout Shift (CLS) and suggests optimizations like fetchpriority and eager loading for LCP images.

Image SEO & Performance Optimizer

Name: Image SEO & Performance Optimizer
Author: AgriciDaniel

byAgriciDaniel

•

2,310

•

Marketing Automation

Analyzes and optimizes web images for SEO, accessibility, and Core Web Vitals performance using modern standards and automated auditing.

The Image SEO & Performance Optimizer skill empowers Claude Code to conduct comprehensive audits of web images, ensuring they meet modern search engine and user experience standards. It evaluates critical factors such as descriptive alt text for accessibility, tiered file size thresholds for performance, and proper responsive implementation using srcset. By identifying Core Web Vitals issues like Cumulative Layout Shift (CLS) and optimizing Largest Contentful Paint (LCP) through fetch priority and lazy loading logic, this skill provides actionable recommendations and code-ready snippets to boost site speed and search visibility.

Key Features

01Tiered file size monitoring for thumbnails, content images, and hero banners.

02Automated alt text auditing for descriptive keywords and accessibility compliance.

032,310 GitHub stars

04Responsive image validation for srcset, sizes, and device pixel ratios.

05Format conversion paths for WebP and AVIF with progressive enhancement fallbacks.

06Core Web Vitals optimization including CLS prevention and LCP prioritization.

Use Cases

01Refactoring legacy <img> tags into modern, high-performance <picture> elements.

02Automating the generation of descriptive, SEO-friendly alt text for accessibility.

03Auditing an existing website for Core Web Vitals compliance and performance bottlenecks.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agricidaniel/claude-seo seo-images

For use in Claude.ai and ChatGPT

Download Skill