Skills
.Work. You
Rest

images

Community

Optimize and manage all your images.

Software Engineering#optimization#images#web performance#asset management#responsive images#image formats
AuthorProfPowell
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the process of adding, optimizing, and validating images for web use, ensuring performance and accessibility.

Core Features & Use Cases

  • Automated Format Conversion: Generates modern formats (WebP, AVIF) from source images.
  • Responsive Image Generation: Creates srcset variants for different screen sizes.
  • HTML Markup Validation: Checks for missing attributes like loading, decoding, alt, width, and height.
  • Use Case: When you add a new hero image to your website, this skill automatically creates optimized versions and helps you generate the correct <picture> element for efficient loading.

Quick Start

Optimize all images in the 'src/images' directory and generate responsive variants.

Dependency Matrix

Required Modules

sharp

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: images
Download link: https://github.com/ProfPowell/vanilla-breeze/archive/main.zip#images

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.