seo-images

Audits website images for SEO and performance improvements.

2|Updated Mar 20, 2026
One-click install
npx skills add https://github.com/multiplex-ai/muggle-ai-teams --skill seo-images-multiplex-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: seo-images
Source: https://github.com/multiplex-ai/muggle-ai-teams/tree/main/skills/seo-images
Command: npx skills add https://github.com/multiplex-ai/muggle-ai-teams --skill seo-images-multiplex-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates image optimization analysis for SEO and performance, identifying alt text gaps, file sizes, formats, responsive images, lazy loading, and CLS prevention to help deliver faster, more accessible pages.

Core Features & Use Cases

  • Alt Text Checks: ensure all images have descriptive alt attributes.
  • Size & Format Guidance: evaluate file sizes and recommend modern formats (WebP/AVIF) for efficiency.
  • Responsive & Lazy Loading: verify srcset/sizes usage and lazy loading practices to optimize LCP.
  • CLS Prevention & Accessibility: enforce image dimensions to reduce layout shifts and improve accessibility.
  • Actionable Recommendations: generate prioritized tasks and example code snippets to implement improvements.

Quick Start

Analyze a batch of webpage images and generate an optimization plan with actionable recommendations.

Frequently Asked Questions about seo-images

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I optimize images for SEO and improve my website's Core Web Vitals?

Optimizing images for SEO involves auditing alt text quality, reducing file sizes, adopting modern formats like WebP or AVIF, and implementing responsive images with srcset. This reduces layout shifts and improves page loading performance.

How do I audit missing alt text and evaluate image accessibility across my web pages?

Auditing missing alt text involves scanning web pages to identify images lacking descriptive alt attributes. Evaluating accessibility ensures all images have proper alt text, improving screen reader compatibility and search engine indexing.

What is the best way to implement responsive images and lazy loading to optimize LCP?

The best way to implement responsive images and lazy loading is by verifying srcset and sizes usage for responsive scaling, applying lazy loading strategies for off-screen images, and enforcing image dimensions to optimize the Largest Contentful Paint.

When do I need to use WebP or AVIF image formats instead of JPEG and PNG?

You need to use WebP or AVIF formats instead of JPEG and PNG when evaluating file sizes for efficiency. Modern formats deliver superior compression and quality, significantly reducing page weight for faster loading times.

How do I prevent Cumulative Layout Shift caused by website images?

Preventing Cumulative Layout Shift requires enforcing explicit image dimensions in your code. Evaluating loading strategies and ensuring proper width and height attributes maintain layout stability during page rendering.

Can I generate an image optimization plan with actionable code snippets for my CMS team?

You can generate a prioritized optimization plan with actionable recommendations and example code snippets. This provides implementation guidance for CMS teams to resolve alt text gaps, update formats, and apply responsive images.