One-click install
npx skills add https://github.com/Flexksx/alemar-capoeira-chisinau --skill seo-images-flexksx
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: seo-images
Source: https://github.com/Flexksx/alemar-capoeira-chisinau/tree/main/.claude/skills/seo-images
Command: npx skills add https://github.com/Flexksx/alemar-capoeira-chisinau --skill seo-images-flexksx

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

seo-images helps you identify and fix common image issues that hurt search visibility and performance, such as missing alt text, oversized files, poor formats, missing dimensions, and incorrect loading behavior.

Core Features & Use Cases

  • Image Audit for SEO & Performance: Reviews <img> elements for alt text quality and presence, file size thresholds, formats, width/height/CLS risk, and lazy-loading correctness.
  • Responsive Image & Rendering Guidance: Checks for srcset/sizes, lazy loading strategy (native vs JS), and recommends LCP-safe handling like fetchpriority="high" and avoiding loading="lazy" on hero/LCP images.
  • Image Optimization Pipeline: Optimizes image files by converting to WebP/AVIF, compressing, injecting IPTC/XMP metadata, generating responsive variants, and verifying metadata preservation.
  • Image SERP Analysis (Optional): When DataForSEO MCP is available, compares your on-page images against Google Images results to surface competitive patterns and opportunities.

Quick Start

Run the image audit on a page by asking: /seo images <url>.

Frequently Asked Questions about seo-images

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

FAQPage Schema
How do I audit images for SEO and performance issues?

Image SEO audits analyze webpage HTML to diagnose missing alt text, oversized assets, suboptimal formats, and incorrect lazy-loading. The process checks image markup against CLS and LCP requirements to generate an actionable optimization checklist.

Why does lazy loading cause LCP issues on hero images?

Lazy loading delays hero image rendering, severely damaging LCP targets. To prevent LCP issues, avoid loading="lazy" on above-the-fold images and instead apply fetchpriority="high" to ensure immediate rendering of critical visual elements.

What's the best way to prevent CLS from images on a webpage?

To prevent CLS from images, specify width and height attributes in the HTML markup. Responsive image audits check for missing dimensions and validate srcset and sizes implementation to secure layout stability during page rendering.

How do I optimize images for Google Images SERP visibility?

Optimizing for Google Images SERP involves compressing files into WebP or AVIF formats, generating responsive variants, and injecting IPTC/XMP metadata. Comparing against Google Images results via DataForSEO MCP surfaces competitive patterns.

Do I need DataForSEO MCP to check alt text and image formats?

You do not need DataForSEO MCP to check alt text and image formats. The core image audit independently reviews HTML img elements for alt text quality, file size thresholds, and suboptimal formats without requiring external API dependencies.

Can I use image optimization techniques for image-heavy pages?

Image optimization techniques are designed for image-heavy pages, auditing oversized assets and suboptimal formats. The pipeline converts files to WebP or AVIF, compresses them, and generates responsive variants to validate performance improvements.