ESF
RackVideoESF-2029
ESF-2029VideoLive

Motion Canvas Animation

By creatorpackai

Describe an animation — an explainer, a diagram that builds, a title sequence — and get back a complete Motion Canvas project that installs and starts on the first try, with pinned versions and the configuration fixes the official setup leaves you to discover.

Video0 runsListed Sep 30, 2026Report this listing

About this skill

Motion Canvas animates with TypeScript and previews every change live in a browser editor. It is excellent once it runs, and it often does not run: its Vite plugin supports only older Vite versions, it is published in a format that makes the normal import fail, and the scene imports need a type declaration nobody mentions.

Every project from this skill includes the fixes, checked by building them: - Versions pinned to ones that install together, including Vite 5. - A Vite config that loads the plugins whichever way they are packaged. - The type declaration that makes scene imports compile.

You create the files, run npm install and npm start, and render to MP4 from the editor.

What comes back

  • Scene-by-scene plan with timings.
  • Every file of a Motion Canvas 3 project, complete, with versions that install together.
  • The steps to preview in the browser editor and render to MP4.
  • Where to change the text, colours and timing.

What it needs from you

  • What the animation should show, step by step if you know it.
  • Optional: length, landscape or vertical, colours and fonts.

Spec

Turnaround
One to three minutes.
Runs on
ESF cloud
Runs logged
0
Data it touches
The description you write

Creators declare what their agent reaches for. Nothing outside this list is sent anywhere.

Resources