Skip to main content

OPEN-SOURCE SKILLS FROM GITHUB

Claude animation skills, collected and rendered

We gathered 41 open-source motion and animation skills for Claude Code and Codex, kept each author and license, and rendered an example of every one so you can compare them before you install anything.

Watch the examplesUse them in Claude Code

Skills belong to their authors · Claude Motion is independent, not affiliated with Anthropic

A paid Creator or Studio subscription is required. There is no Free plan.

INSTALL ONE FROM GITHUB

  • Free, under the repo’s own license
  • Clone it into your skills folder
  • Set up its stack (Remotion, Manim…)
  • One look per install

PICK ONE THROUGH CLAUDE MOTION

  • One install, all 41 skills listed
  • Your agent picks one for your content
  • Only the chosen version downloads
  • Voiceover, MP4 render or share link

41 GITHUB SKILLS · MIT, APACHE-2.0 AND CC BY 4.0 · ORIGINAL NAMES AND NOTICES KEPT

What a Claude animation skill is

A skill is a folder of instructions, and often code, that Claude Code or Codex loads when a task matches. An animation skill teaches the agent one way to move things on screen: a visual style, a timing system or a whole video pipeline.

  • Style skills

    A fixed look, such as watercolor characters, Vox-style collage or hand-drawn whiteboard.

  • Principle skills

    Timing, easing and choreography rules your agent applies to any design.

  • Pipeline skills

    Script to storyboard to rendered video, often on Remotion, HyperFrames or Manim.

34 of the 41 skills are MIT, 6 are Apache-2.0 and 1 is CC BY 4.0 (attribution required). Some call paid outside services, such as image, video or voice APIs; the example page for each skill says so.

Browse all examples

Before you install one

  1. 01Check the license, and whether sample art or fonts are excluded.
  2. 02Check the stack it needs: Remotion, Manim, Motion Canvas or HTML.
  3. 03Check for paid APIs it calls for images, video or voice.
  4. 04Watch a rendered example, not just the README.

Popular animation skills, side by side

These are the skills people search for most, with the look each one is best at. Each has its own example page with the repo, author and license.

  • Characters

    ClaudeAnimationBase and claude-animation-skill draw and act out characters.

  • Motion graphics

    motion-graphics-skills, motion-studio and motion-video-skill make launch and explainer clips.

  • Principles

    LottieFiles motion-design-skill adds timing and easing rules to any build.

See every skill
SKILLAUTHORBEST FORLICENSE
ClaudeAnimationBaseJohnHeibelWatercolor picture-book charactersMIT
motion-graphics-skillscharlie947Minimal product launches, number revealsMIT
motion-studiodomdexterScript or voiceover to animation (Remotion)MIT
motion-video-skillbestagentkitsBeat-synced HyperFrames videosMIT
motion-design-skillLottieFilesTiming, easing and choreography rulesMIT
claude-animation-skillbuildwithhanifNaturalist ink and watercolor drawingMIT
vox-style-animationCele-sanNewsprint, halftone, paper transitionsMIT
manim_skilladithya-s-kMath explainers with ManimMIT
hyperframes-launchesheygen-comFull product-launch compositionsApache-2.0
hyperframes-helperrobonuggets10 HyperFrames motion recipesCC BY 4.0

Use any of them from one install

Claude Motion lists every catalogued skill next to our own styles. Your agent reads your document, picks the skill that fits, downloads only that pinned version, checks its checksum and follows its look, while the original names and notices stay in place.

  • Matched to your content

    The agent explains why it chose a skill before it builds.

  • One timeline

    Every result opens on the HyperFrames timeline for edits.

  • Finished output

    Add voiceover and music, render an MP4 or share a link.

Browsing styles works for any connected account. Creating, rendering, voiceover and sharing need a Creator ($19.9/mo) or Studio plan. You can always install a skill straight from GitHub instead, for free.

Install Claude Motion

Every skill, rendered

Each card is a real render. Open one to see the repo, author and license.

Open the example library

What you get on top of the skill

  • Skill matching

    Your agent picks a skill for your content.

  • Pinned versions

    Checksummed, cached, upstream notices kept.

  • Animated charts

    ECharts built in, styled to match.

  • HyperFrames timeline

    Edit clips, timing and blocks.

  • Voiceover

    English and Chinese, brand names said right.

  • Music

    Generate now or add later.

  • Share links

    Public or password, with stats.

  • MP4 render

    Local and deterministic.

Try a Claude animation skill in 3 steps

  1. 1Paste the one-line install from the install guide into Claude Code or Codex.
  2. 2Ask "make this into motion" with your doc, and let the agent pick a skill or name one yourself.
  3. 3Fine-tune on the HyperFrames timeline, then render MP4 or share a link.
Install Claude Motion: run npx -y claudemotion@latest setup and follow the output.

First run opens your browser to sign in — one click, no terminal.

Your questions, answered

Are these official Anthropic or Claude skills?

No. Each one is an open-source project by the GitHub author listed on its example page. Claude Motion is also independent and has no relationship with Anthropic.

Can I use a skill without Claude Motion?

Yes. Install it from its GitHub repo into your Claude Code or Codex skills folder and follow its README. It stays free under its own license.

Which animation skill should I start with?

For characters, ClaudeAnimationBase. For product launches and explainers, motion-graphics-skills or motion-video-skill. For timing rules you can add to anything, LottieFiles motion-design-skill. Or let Claude Motion pick one for your content.

Do they all need Remotion?

No. Some use Remotion, some Manim, Motion Canvas or plain HTML, and several are written for HyperFrames. Remotion has its own license terms, which the example page notes.

Can I add my own skill to the list?

We add open-source skills with a clear license and a working example. Send us the repo link from the contact page.

Explore more

Pick a skill, or let your agent pick one for you

Get Claude Motion now