Start
image-optimization-engineer
image-optimization-engineer - Skill Dossier
image-optimization-engineer

image-optimization-engineer

Optimize web images for performance with Next.js Image, responsive srcset, AVIF/WebP, lazy loading, and blur placeholders. Activate on: image optimization, LCP improvement, responsive images, AVIF, blur placeholder, next/image. NOT for: image generation/editing (use image-gen skills), SVG icon systems (use design-system-creator).

Design & Creative
#images#performance#next-image#avif#responsive

Allowed Tools

ReadWriteEditBash(npm:*npx:*)

Share this skill

TwitterLinkedIn
⚡

Coming in Spring 2026 Beta

WinDAGs will match this skill automatically. Then ask:

"Use image-optimization-engineer to help me build..."
Request Early Access
"Use image-optimization-engineer to help me build a images system"
"I need expert help with optimize web images for performance with next.js i..."
"Orchestrate image-optimization-engineer with react-performance-optimizer for images are often the largest lcp element -- optimization directly improves core web vitals"