From jeremylongshore-claude-code-plugins-plus-skills
Automates image optimization tasks for frontend development, covering best practices, configurations, and code for React, Vue, and CSS projects.
How this skill is triggered — by the user, by Claude, or both
Slash command
/jeremylongshore-claude-code-plugins-plus-skills:image-optimization-helperThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
This skill provides automated assistance for image optimization helper tasks within the Frontend Development domain.
This skill provides automated assistance for image optimization helper tasks within the Frontend Development domain.
This skill activates automatically when you:
Example: Basic Usage Request: "Help me with image optimization helper" Result: Provides step-by-step guidance and generates appropriate configurations
| Error | Cause | Solution |
|---|---|---|
| Configuration invalid | Missing required fields | Check documentation for required parameters |
| Tool not found | Dependency not installed | Install required tools per prerequisites |
| Permission denied | Insufficient access | Verify credentials and permissions |
Part of the Frontend Development skill category. Tags: react, vue, css, accessibility, web
npx claudepluginhub jeremylongshore/claude-code-plugins-plus-skills --plugin ejentum-reasoningOptimizes images for web using compression, modern formats (WebP, SVG), and responsive techniques to reduce file size and improve page load performance.
Optimizes web images using WebP/AVIF formats, responsive srcset/picture elements, lazy loading, and Sharp for Node.js. Improves page loads, responsive images, production assets.
Implements lazy loading for frontend apps (React, Vue, CSS, accessibility) with step-by-step guidance and production-ready code.