How does this skill improve my website's SEO?

By ensuring every image has descriptive alt text and proper metadata, it helps search engines like Google better understand and index your visual content, improving image search rankings.

What specifically does the Check Images skill analyze?

The skill analyzes image tags for missing or ineffective alt text, missing dimensions that cause layout shifts, and the absence of optimization features like lazy loading.

Why does it flag images without width and height attributes?

Missing dimensions cause Cumulative Layout Shift (CLS), a Core Web Vital metric. Explicit dimensions allow the browser to reserve space before the image loads, preventing content from jumping.

Does it support local development URLs?

Yes, as long as the URL is accessible to the script's environment (e.g., localhost or a staging URL), it can perform the audit.

Image Accessibility & SEO Checker

Name: Image Accessibility & SEO Checker
Author: leobrival

byleobrival

0•

Seguridad y Pruebas

Analyzes and validates web page images for accessibility compliance, SEO optimization, and performance best practices.

This skill provides a comprehensive auditing tool for web developers and SEO specialists to ensure images are both accessible and search-engine friendly. It programmatically scans URLs to detect missing or generic alt text, flags images without explicit dimensions to prevent Cumulative Layout Shift (CLS), and identifies optimization opportunities like lazy loading. By surfacing these issues within the Claude Code environment, it allows for rapid iteration on web accessibility (WCAG) and search engine visibility.

Características Principales

01Checks for lazy loading implementation on performance-critical images

02Flags excessively long alt text that may negatively impact SEO

03Identifies missing width and height attributes to mitigate CLS risks

040 GitHub stars

05Detects missing, empty, or generic alt attributes for WCAG compliance

06Provides structured JSON output for automated reporting and integration

Casos de Uso

01Optimizing web content for Google Images search rankings

02Automating accessibility audits for image-heavy landing pages

03Performing pre-deployment checks to ensure visual stability and performance

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add leobrival/serum-plugins-official check-images

For use in Claude.ai and ChatGPT

Download Skill