skill.extrachatgpt.com logo

responsive-images by jezweb

Implement performant responsive images with srcset, sizes, lazy loading, and modern formats (WebP, AVIF). Covers aspect-ratio for CLS prevention, picture element for art direction, and fetchpriority for LCP optimization.Use when: adding images to pages, optimizing Core Web Vitals, preventing layout shift, implementing art direction, or converting to modern formats.

Testing
164 Stars
21 Forks
Updated Jan 18, 2026, 11:49 AM

Why Use This

This skill provides specialized capabilities for jezweb's codebase.

Use Cases

  • Developing new features in the jezweb repository
  • Refactoring existing code to follow jezweb standards
  • Understanding and working with jezweb's codebase structure

Install Guide

2 steps
  1. 1

    Download Ananke

    Skip this step if Ananke is already installed.

  2. 2

    Install inside Ananke

    Click Install Skill, paste the link below, then press Install.

    https://github.com/jezweb/claude-skills/tree/main/skills/responsive-images

Skill Snapshot

Auto scan of skill assets. Informational only.

Valid SKILL.md

Checks against SKILL.md specification

Source & Community

Repository claude-skills
Skill Version
main
Community
164 21
Updated At Jan 18, 2026, 11:49 AM

Skill Stats

SKILL.md 0 Lines
Total Files 1
Total Size 0 B
License NOASSERTION

Source

GitHub Repository ↗ Commit main ↗ skill.extrachatgpt.com ↗