HAMMAD YOUSUF

FREE RESOURCE · FROM THE "PLANE" REEL

Claude animation styles: the free style pack (10 looks, real code)

By · 7 November 2026

The reel's paper plane flies through ten worlds, and every frame is code: Claude Code wrote React + SVG scenes and Remotion rendered them to MP4.

What's in the pack

  • SKILL.md: the workflow Claude follows (beats, one hero object, word-timed scenes, captions, render).
  • styles/: 10 style guides (palette, type, shapes, motion, signature move, prompt line).
  • examples/: the real worlds.tsx, plane.tsx, Reel.tsx and build-reel.py from the reel.
  • A step-by-step guide (PDF).

The 10 looks

  1. Pixel art
  2. Chalkboard
  3. Glow sketch
  4. PS2 low-poly
  5. Comic
  6. Flat vector
  7. Minimal line
  8. CGI
  9. Toy bricks
  10. Soft clay 3D
Download the style pack (zip, 82 KB)claude-animation-styles/ with SKILL.md, GUIDE.pdf, styles/ (10 style guides) and examples/ (worlds.tsx, plane.tsx, Reel.tsx, build-reel.py). No signup.

What you need

Claude Code on a paid Claude plan, Node 20+, ffmpeg, and a Remotion project (npx create-video@latest). Remotion is free for individuals and small teams; larger companies need a Remotion company licence. Bring your own voiceover.

terminal · new remotion project
npx create-video@latest

Install

Copy the folder to:

skill folder
~/.claude/skills/claude-animation-styles/

and ask:

claude code
Use the claude-animation-styles skill. Style: comic art. Script: ...

The prompt

Start a styled animation: paste it into Claude Code.

prompt · claude code
Use the claude-animation-styles skill. Style: comic art. Hero: a paper plane. Script: <paste>. Read styles/05-comic-art.md first, write the scene as a Remotion component like examples/worlds.tsx, and show me a still of frame 60 before rendering.

Safety

Read any skill's SKILL.md and scripts before installing it, ours included.

Style names are descriptive only, not affiliated with LEGO, Sony, Zack D. Films or Dan Koe.

Sources checked

  • Reference product is a free proprietary zip on Anylancer, not open source. Source ↗
  • Claude Code loads personal skills from ~/.claude/skills/<name>/SKILL.md. Source ↗
  • Remotion renders React to video; free for individuals/small companies, company licence otherwise. Source ↗
  • Install only skills from trusted sources, review bundled files first. Source ↗
  • LEGO Fair Play: no logo use, no implied sponsorship. Source ↗
  • Every scene in our reel is code (built in this job). Source ↗

About the video: the reel that sent you here is presented by an AI clone of Hammad Yousuf's voice (no on-screen face), and every frame of it is code.

Keep going