Skip to content
Get Friday PicksSubmit

stopmotion-video: launch films cut to the beat of a song

A motion skill that teaches your agent to make stop-motion style videos cut to music: each pose holds for one eighth note, clicks land on drum hits and pages change on bar lines. Remotion by default, with scripts that measure a song's tempo.

In short: A motion skill that teaches your agent to make stop-motion style videos cut to music: each pose holds for one eighth note, clicks land on drum hits and pages change on bar lines. Remotion by default, with scripts that measure a song's tempo. It is a free skill for people who use Claude Code, Codex or Cursor and want help with motion graphics.

Checked on · Added

Works with

Agent / toolAccess / costLink
Claude CodePaid Claude plan or APIclaude.com/claude-code
CodexChatGPT plan or APIopenai.com/codex
CursorFree tier + paidcursor.com
GitHub repoOpen source · ★ 2kosta4a/stopmotion-video
stopmotion-video: launch films cut to the beat of a song

Image: from the GitHub README, shown with credit.

Reference videos (1)

Real videos made with this skill, credited to their creators. Hover to preview.

stopmotion-video: before/after cuts that land on the beat thumbnailLAUNCH1:05

stopmotion-video: before/after cuts that land on the beat

The author scrolls his skill page for 65 seconds: each example plays twice, once as an agent made it without the skill and once with it, against a metronome. Logos snap in pose by pose, counters tick up, typed titles and page changes all land on the beat.

stopmotion-video@kosta4a♥ 70

Try it in 60 seconds

npx skills add kosta4a/stopmotion-video
git clone https://github.com/kosta4a/stopmotion-video.git

Install command copied from the project README. Check the README for the latest version.

What it does

A motion skill that teaches your agent to make stop-motion style videos cut to music: each pose holds for one eighth note, clicks land on drum hits and pages change on bar lines. Remotion by default, with scripts that measure a song's tempo.

stopmotion-video writes down how a designer cut a 47-second launch film to a drum and bass track, so an agent can do the same to a new song instead of copying the old video. The frame rate stays low on purpose: each…

Short excerpt from the README of kosta4a/stopmotion-video. Read the full README on GitHub.

Inside the repo

What it coversInstallUsing the toolsNot included

A prompt to try

Use stopmotion-video: measure the tempo of song.wav, then cut a 20-second Remotion film of our three new features, one page per bar, clicks on the snares, and end on a beat.

Written by us so you can reuse it. Replace each [bracket] with your details.

Step by step

  1. Open the GitHub repo, or the author's skill page to see the before/after examples played against a metronome.
  2. Install it with npx skills add kosta4a/stopmotion-video (or clone the repo and copy skills/stopmotion-video into ~/.claude/skills).
  3. Give your agent a song you have the rights to and a short brief, e.g. use stopmotion-video to cut a 30-second launch film for our new search feature to this track.
  4. Check the cut with the contact sheets and metronome it makes, give notes as timestamps, then render.

Watch out for

It brings no music, samples or fonts: use a track you are allowed to publish. The repo was published today and has only a handful of stars, and the author does not take issues or pull requests, so fork it if you need changes. It is a set of rules plus helpers, so results still depend on your agent and your review rounds.

Docs, demos & materials

Common questions

What does stopmotion-video do?

A motion skill that teaches your agent to make stop-motion style videos cut to music: each pose holds for one eighth note, clicks land on drum hits and pages change on bar lines. Remotion by default, with scripts that measure a song's tempo.

Which AI agents can use stopmotion-video?

It works with Claude Code, Codex and Cursor. The code is on GitHub at kosta4a/stopmotion-video.

Is stopmotion-video free?

Free & open source (MIT). No account or API key. Uses Remotion (free for individuals and small teams; larger companies need a Remotion company licence), Node 18+ for the scripts and ffmpeg to convert your song.

How do I install stopmotion-video?

Run the install command from the README: “npx skills add kosta4a/stopmotion-video”. Check the README on GitHub for the latest version, then follow the steps on this page.

Is stopmotion-video safe to install?

We read 15 instruction and code files in the repo and found no red flags. That is not a guarantee, so review anything that runs commands on your machine. How to check a skill before you install it →

Sources & credit

All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.

Related skills and use cases in Motion Graphics

See all Motion Graphics entries →

Related

Stageshow: polished product UI stills and animations from your agent thumbnailSKILL

Stageshow: polished product UI stills and animations from your agent

A design skill plus a small React kit that teaches your agent to make convincing faux product UI: still images, feature cards, cursor-driven demos and bento grids. It plans the story in a few beats, builds from solid examples, then films the result and fixes what it finds.

Claude Code logoCodex logoCursor logoClaude Code +2★ 634
teardown: any machine as a 3D simulator you can take apart thumbnailSKILL

teardown: any machine as a 3D simulator you can take apart

A Claude Code skill that answers "how does this work?" by building the machine as one offline 3D page: it runs in the middle, panels read its live numbers, buttons open the part doing the work, and one click blows it apart. It can also record a short tour video of it.

Claude Code logoClaude Code★ 1.1k
Motion Prompt: name the motion you want, then hand it to your agent thumbnailSKILL

Motion Prompt: name the motion you want, then hand it to your agent

A clickable library of 192 named effects (motion-graphics moves, camera moves and transitions, UI parts, landing-page effects, photo looks), each with a moving sample and an example request. Its skill opens the gallery, lets you tick the ones you like and sends their specs and reference code straight to your agent.

Claude Code logoCodex logoClaude Code +1★ 849
pixelfx: 232 pixel-art effects in code, and a skill to make more thumbnailSKILL

pixelfx: 232 pixel-art effects in code, and a skill to make more

A free library of 232 pixel-art effects written as small code files (fire, explosions, magic, weather, UI pops, pickups, transitions) that you can drop into a browser game or export as sprite sheets, plus a Claude Code skill that drafts, renders, looks at and refines new effects until they hold up.

Claude Code logoClaude Code★ 147
HyperFrames: write HTML, get a video thumbnailSKILL0:56

HyperFrames: write HTML, get a video

Open-source renderer that turns HTML/CSS/JS scenes into frame-exact MP4s; built so coding agents can drive it.

Claude Code logoCodex logoClaude Code +1★ 63.8k
/brag: turn a finished project into a launch video thumbnailSKILL0:34

/brag: turn a finished project into a launch video

Type /brag in a project; it reads the code and renders a ~20s launch film with music, captions and share copy.

Claude Code logoCodex logoClaude Code +1★ 16k

Free newsletter

Friday Picks

New AI tools you can use right away, in plain words. Every Friday.

Free. No spam. Unsubscribe anytime.