Responsive Image Optimization
Designs high-performance, responsive image pipelines for modern web frameworks including Next.js, Nuxt, and Blazor.
This skill automates the creation of professional-grade image delivery systems, ensuring optimal performance through modern formats like AVIF and WebP, responsive breakpoints, and sophisticated lazy loading strategies. It provides framework-specific implementations for components and back-end transformation logic, helping developers significantly reduce Largest Contentful Paint (LCP) and Cumulative Layout Shift (CLS) while minimizing bandwidth usage across all device types. Whether you are building a custom CMS or optimizing an existing frontend, this skill generates the necessary code for both delivery and server-side processing.