ClaudeAI posts animated clips of their mascot on social media. Short loops of their pixel mascot walking around and looking , waving a flag, working out , stomping with confetti . The timing has personality. The motion has weight. I just wanted to take them apart. I slowed the clips to 0.3x, captured screenshots of every frame, illustrated the mascot, and rebuilt four animations from scratch in about four days. No video files, no GIFs. Just SVG, GSAP, and React. The goal was an exact replica, every timing, every easing, and every frame matching the original. This is a breakdown of how I approached each one, the challenges I ran into, and how I pulled it off. You can have a look at the working examples here . Four Claude Mascot Animations ( source ) Tools The mascot is built entirely from  <rect>  elements, no paths, no curves. Just rectangles arranged into a character.…