optimize-image
CommunityOptimize images for web
Content & Communication#performance#content creation#webp#asset optimization#image optimization#blog images
Authorxergioalex
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the conversion and optimization of images to the WebP format, ensuring faster loading times for blog posts and series without sacrificing visual quality.
Core Features & Use Cases
- WebP Conversion: Converts various image formats (PNG, JPG, etc.) to optimized WebP.
- Targeted Optimization: Applies specific size and quality settings based on image type (hero vs. content).
- Use Case: When adding a new hero image to your latest blog post, this Skill will automatically convert it to an optimized WebP file and provide you with the correct path to use in your post's frontmatter.
Quick Start
Optimize the image located at /path/to/my/image.png for the blog post with slug 'my-awesome-post'.
Dependency Matrix
Required Modules
sharp
Components
scripts
💻 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: optimize-image Download link: https://github.com/xergioalex/xergioalex.com/archive/main.zip#optimize-image Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.