Skip to main content

REMOTION SKILL FOR CLAUDE CODE

A motion skill for Claude Code that goes beyond Remotion

Install one set of skills and Claude Code turns your docs into interactive motion you can edit on a HyperFrames timeline.

Install the skillsSee examples

From $19.9/mo · Works with Claude Code & Codex · Independent, not affiliated with Anthropic

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

HYPERFRAMES TIMELINE · 0:24 / 2:10

TEXT

TitleCallout

CHARTS

Organic barsChannel filter

INTERACTIONS

QuizDrag match

AUDIO

Music bed · voiceover

RUNS ON YOUR OWN CLAUDE CODE OR CODEX · BUILT ON HYPERFRAMES · MP4 + INTERACTIVE WEB

One install, a full motion skill set

  • Drop in anything

    Docs, scripts, lesson notes, PPTs or a rough idea.

  • Pick a motion style

    Every style previews on your own content first.

  • Built by your own agent

    Claude Code or Codex writes it — visuals cost no credits.

Install the skills

Motion skills compared

  • For video projects

    Keep Remotion where it fits.

  • For docs and lessons

    Use Claude Motion.

  • For app UI

    Framer Motion.

Install the skills
SKILLBEST FOROUTPUT
Remotion skillProgrammatic videoMP4
Framer Motion skillUI animation in React appsWeb components
Claude Motion skillsDocs, lessons, data storiesInteractive web + MP4

Interactive blocks a video skill can't do

  • Charts that move

    ECharts with tooltips, legends and live filters.

  • Quizzes

    Instant feedback, explanations and a score.

  • Drag & drop

    Sort, match and group exercises that check themselves.

Install the skills

Start from a motion style

Every style comes with charts, filters, quizzes and drag-and-drop. Or let your agent design freely.

An animated story. Pick several looks you like; your agent matches one to the content.

No packages download while browsing.

Match and create
Browse all motion styles

All the features you need

  • Motion styles

    Pick a style or let your agent design freely.

  • Animated charts

    ECharts built in, styled to match.

  • Quizzes & drag-and-drop

    Interactive by default.

  • 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.

How to install the Claude Motion skills

  1. 1Paste the one-line install into Claude Code or Codex.
  2. 2Drop in your doc and pick a motion style — choose music now or later.
  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

Can I use both?

Yes. Skills are independent; keep Remotion for video projects and use Claude Motion for doc-to-motion.

Explore more

Give Claude Code a motion skill that edits like a video tool

Install the skills