animated-content

Installation
SKILL.md

Convert animated GIFs to video

Large animated GIFs can significantly increase page weight and consume excessive CPU/memory, leading to slower page loads and poor scrolling performance.

Quick Reference

  • Use <video> instead of large GIFs for animations
  • GIFs are significantly larger than MP4/WebM
  • Videos allow for better control and performance

Check

Check for large animated GIFs that could be replaced with more efficient video formats like MP4 or WebM.

Fix

Convert animated GIFs to MP4 or WebM and use the <video> tag with autoplay, loop, muted, and playsinline attributes.

Explain

Installs
1
GitHub Stars
73.0K
First Seen
Jun 7, 2026
animated-content — thedaviddias/frontendchecklist