Review website images and delivery settings to introduce AVIF, an image format with efficient compression. Check image size and loading behavior, and provide WebP or JPEG alternatives for browsers that do not support AVIF.
中文简介正在准备中。当前显示英语简介。
- Considering AVIF for photographic website images
- Providing WebP and JPEG alternatives for unsupported browsers
- Reviewing image sizes and loading behavior on the initial screen
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Audit website images and guide conversion to WebP and AVIF, formats that reduce image transfer size. Identify affected files, add fallback images, and review dimensions and loading behavior alongside the impact on initially visible content.
中文简介正在准备中。当前显示英语简介。
- Finding JPEG and PNG images to convert
- Adding WebP and AVIF sources with fallback images
- Reviewing CSS background image formats
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Audit website images for search visibility and loading performance, then prioritize fixes. Check descriptive text, file sizes, and loading settings, convert files to WebP or AVIF, and add creator and copyright metadata.
中文简介正在准备中。当前显示英语简介。
- Audit product and article images for SEO issues
- Convert large images to WebP or AVIF
- Fix image loading settings and layout shifts
AgriciDaniel/claude-seo☆ 1.9万2026年10月5日 更新
Review website JPEGs for progressive encoding, which displays a blurry preview before sharpening. Identify images that could use this format, consider file size and loading behavior together, and explain how to confirm the change in browser developer tools.
中文简介正在准备中。当前显示英语简介。
- Reviewing how JPEGs appear during loading
- Checking JPEG fallbacks for WebP or AVIF
- Reviewing image delivery through a CDN or build process
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review picture elements that select images by format or display conditions. Check fallback images, alternative text, dimensions, and source ordering, then provide corrected HTML with JPEG or PNG fallbacks for browsers that cannot use the selected formats.
中文简介正在准备中。当前显示英语简介。
- Checking fallback images for AVIF or WebP delivery
- Reviewing picture element order and attributes
- Fixing image markup with missing descriptions or dimensions
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
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).
中文简介正在准备中。当前显示原文说明。
curiositech/windags-skills☆ 162026年10月19日 更新
Audit website images for excessive file sizes, unnecessary metadata, and loading issues. Apply format-specific compression and cleanup, then compare file sizes before and after changes to show the resulting reduction in image data.
中文简介正在准备中。当前显示英语简介。
- Finding images that slow page loading
- Comparing file sizes before and after compression
- Removing unnecessary image metadata
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review website image delivery and configure an image CDN, a service that optimizes and distributes images. Check file formats, dimensions, loading behavior, and initial screen impact, with guidance on verifying changes in DevTools.
中文简介正在准备中。当前显示英语简介。
- Checking whether website images use a CDN
- Configuring automatic image resizing and format conversion
- Reviewing image loading and initial screen impact
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Audit website image file sizes against guidelines for photos, graphics, hero images, and thumbnails. Report oversized assets with target sizes, distinguish compression issues from dimension mismatches, and guide format conversion and delivery of smaller variants to mobile devices.
中文简介正在准备中。当前显示英语简介。
- Listing oversized images and target file sizes
- Reviewing uploaded images managed by a CMS
- Reducing hero image and thumbnail file sizes
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Review website images for file format, size, dimensions, and loading behavior. Produce improved HTML with image variants for different screen sizes, suitable compression, and deferred loading where appropriate, while addressing loading speed and layout shifts.
中文简介正在准备中。当前显示英语简介。
- Auditing image sizes and formats on slow-loading pages
- Serving suitable image sizes for mobile and desktop screens
- Preventing layout shifts while images load
thedaviddias/Front-End-Checklist☆ 7.5万2026年10月6日 更新
Image SEO audit — make a site's images discoverable in Google Images and stop them from dragging down Core Web Vitals. Audits alt text quality and coverage, descriptive file names, modern formats (WebP/AVIF), dimensions and compression, responsive srcset, lazy-loading, explicit width/height (CLS), image sitemaps, and ImageObject structured data. Use this skill whenever the user asks about image SEO, alt text, Google Images ranking, image optimization for search, image file size hurting page speed, WebP/AVIF, or image structured data. Trigger on: "image SEO", "alt text", "rank in Google Images", "optimize my images for search", "image alt tags", "WebP", "image compression SEO", "image sitemap", "ImageObject schema", or any image-discoverability / image-performance question. For overall page speed use /seo-analysis; for generating new images use the brand image skills.
中文简介正在准备中。当前显示原文说明。
nowork-studio/notfair-plugin☆ 39642026年10月20日 更新
Plan and run a media pipeline for images, video, and downloadable assets. Use this skill when designing image storage and delivery, choosing formats (WebP, AVIF), setting up responsive images, picking a video host, organizing a brand asset library, or auditing a slow image pipeline. Triggers on image pipeline, asset library, DAM, image optimization, WebP, AVIF, responsive images, video hosting, image CDN, asset workflow, media management. Also triggers when images are slow, broken, or scattered across systems.
中文简介正在准备中。当前显示原文说明。
rampstackco/claude-skills☆ 9762026年10月19日 更新
Image optimization analysis for SEO and performance. Checks alt text, file sizes, formats (WebP, AVIF), responsive images, lazy loading, CLS prevention, and Core Web Vitals image impact. Use when user says "image optimization", "alt text", "image SEO", "image size", "image audit", "WebP", "AVIF", "lazy loading", "CLS", "responsive images", or "Core Web Vitals images".
中文简介正在准备中。当前显示原文说明。
lionkiii/claude-seo-skills☆ 222026年6月11日 更新
Image optimization analysis for SEO and performance. Checks alt text, file sizes, formats, responsive images, lazy loading, CLS prevention, image SERP rankings (via DataForSEO), and image file optimization (WebP/AVIF conversion, IPTC/XMP metadata injection). Use when user says "image optimization", "alt text", "image SEO", "image size", "image audit", "optimize images", "image metadata", "image SERP", "convert to webp", or "image file optimize".
中文简介正在准备中。当前显示原文说明。
hashgraph-online/awesome-codex-plugins☆ 13552026年10月19日 更新
Image optimization analysis for SEO and performance. Checks alt text, file sizes, formats, responsive images, lazy loading, CLS prevention, image SERP rankings (via DataForSEO), and image file optimization (WebP/AVIF conversion, IPTC/XMP metadata injection). Use when user says "image optimization", "alt text", "image SEO", "image size", "image audit", "optimize images", "image metadata", "image SERP", "convert to webp", or "image file optimize".
中文简介正在准备中。当前显示原文说明。
AgriciDaniel/codex-seo☆ 8352026年9月12日 更新
This skill should be used when the user asks to "upload images to Cloudflare", "implement direct creator upload", "configure image transformations", "optimize WebP/AVIF", "create image variants", "generate signed URLs", "add image watermarks", "integrate with Next.js/Remix", "configure webhooks", "debug CORS errors", "troubleshoot error 5408/9401-9413", or "build responsive images with Cloudflare Images API".
中文简介正在准备中。当前显示原文说明。
secondsky/claude-skills☆ 2312026年10月19日 更新
Image optimization analysis for SEO and performance. Checks alt text, file sizes, formats, responsive images, lazy loading, CLS prevention, image SERP rankings (via DataForSEO), and image file optimization (WebP/AVIF conversion, IPTC/XMP metadata injection). Use when user says "image optimization", "alt text", "image SEO", "image size", "image audit", "optimize images", "image metadata", "image SERP", "convert to webp", or "image file optimize".
中文简介正在准备中。当前显示原文说明。
Infrasity-Labs/dev-gtm-claude-skills☆ 1422026年6月29日 更新
Image optimization analysis for SEO and performance. Checks alt text, file sizes, formats, responsive images, lazy loading, CLS prevention, image SERP rankings (via DataForSEO), and image file optimization (WebP/AVIF conversion, IPTC/XMP metadata injection). Use when user says "image optimization", "alt text", "image SEO", "image size", "image audit", "optimize images", "image metadata", "image SERP", "convert to webp", or "image file optimize".
中文简介正在准备中。当前显示原文说明。
gabrielmoreira/agent-skills-mirror☆ 192026年10月19日 更新
Optimize images for web performance — format conversion (WebP, AVIF), responsive sizing, compression, background removal, lazy loading, and WordPress media library integration. Uses MCP bridge tools (resize_image, remove_background) as primary; the Design Stack media worker (Sharp) as fallback for advanced/batch processing. Use when you need to resize images for social media, convert formats for faster page loads, remove backgrounds from product photos, generate alt text, or batch-process an entire media library.
中文简介正在准备中。当前显示原文说明。
nvdigitalsolutions/mcp-ai-wpoos☆ 72026年10月20日 更新
Transform, resize, crop, reformat, and optimize images on demand via Netlify Image CDN's /.netlify/images endpoint. Use when adding responsive images, generating thumbnails, converting formats (avif/webp/png), cropping to aspect ratios, tuning image quality, creating blurred placeholders, allowlisting remote image domains, serving user-uploaded images, or wiring framework image components (Next.js, Astro, Nuxt, Angular, Gatsby) to Netlify. Triggers on tasks like "optimize images", "add image thumbnails", "resize images on the fly", "serve images from an external domain", or "add blur placeholders".
中文简介正在准备中。当前显示原文说明。
bg-szy/TOP-SKILLS☆ 62026年9月8日 更新
Image optimization analysis for SEO and performance. Checks alt text, file sizes, formats, responsive images, lazy loading, CLS prevention, image SERP rankings (via DataForSEO), and image file optimization (WebP/AVIF conversion, IPTC/XMP metadata injection). Use when user says "image optimization", "alt text", "image SEO", "image size", "image audit", "optimize images", "image metadata", "image SERP", "convert to webp", or "image file optimize".
中文简介正在准备中。当前显示原文说明。
balsm-health/website☆ 32026年10月18日 更新