CtrlK
BlogDocsLog inGet started
Tessl Logo

responsive-images

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.

Install with Tessl CLI

npx tessl i github:jezweb/claude-skills --skill responsive-images
What are skills?

99

Does it follow best practices?

Validation for skill structure

SKILL.md
Review
Evals

Loading evals

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.