skill
ultramotion
Open-source motion templates as agent skills · 动效模板库
Set up
Skills are installed by placing their folder where your agent loads skills.
The download comes from github.com/sunsiyuan/ultramotion itself, not from our server, so what you get is exactly what its author published.
Install instructions come from the README
README
synced Oct 17, 2026ultramotion
Finished motion-graphics videos from one prompt — neon signs, lyric videos, bar chart races, paintings that move — with music, made by your coding agent. One Agent Skill with 86 effects, 64 templates and the engines behind them.
Install
npx skills add sunsiyuan/ultramotion
Or copy skills/ultramotion into your agent's skills directory: ~/.claude/skills/ (Claude Code) or ~/.codex/skills/ (ChatGPT Codex).
What's inside
One skill, ultramotion:
- 86 effects in
skills/ultramotion/effects/— one shot each: a neon sign switching on, a datamosh cut, a rolling number, a karaoke wipe. Ask for the shot ("that neon flicker-on with my bar's name"), or browse them on ultramotion.ai/effects. - 64 templates in
skills/ultramotion/templates/— each a folder with the pages to start from and what to change. Ask for one by what you're making ("a neon sign for my bar", "a bar chart race of Super Bowl wins", "a lyric video for my song"), or browse them with their videos on ultramotion.ai. - 21 engines in
skills/ultramotion/lib/, each with a guide, for making your own pieces when no template fits:
| Engine | ||
|---|---|---|
| Liquid Glass | Apple-style glass that pops, stretches, merges and bends text | 9:16, 120 BPM |
| Kinetic Type | Heavy condensed type slamming in on the beat, colour-block cuts | 9:16, 128 BPM |
| Hand-drawn Explainer | Whiteboard, notebook or chalkboard explainers written stroke by stroke (real stroke order for Chinese), with a camera across the board and its own music | 9:16 |
| Variety Captions | Variety-show pop words, bursts, stamps and sound effects on your own footage, placed around the face | 9:16, on your footage |
| Light Particles | Up to 1.6M glowing particles that gather into products, vehicles, towns and titles, build up in order and light up | 9:16, WebGL2 |
| Flat Explainer | Kurzgesagt-style narrated explainers: the voice-over is timed word by word and things appear as they are named | 9:16, narrated |
| Painterly | Van Gogh / Loving Vincent-style oil paintings that move: thick strokes following the form, impasto lighting, the camera walking into the picture | 9:16 |
| Ink Wash | Chinese ink painting in the manner of the Shanghai Animation Film Studio: ink spreads across rice paper, the picture keeps living, scenes dissolve through the ink, a carved seal | 9:16 |
| Event Replay | A moment in history replayed from real data: from the whole to the moment, a clock that stretches the decisive minutes, a line that carries time, maps on real relief, numbers turned into things you can count | 9:16, 16:9 |
| Data Story | Years of real data played as time: decades fly and slow down where the story is, the axis grows with the data, one point named at a time, a number rolling with the line, every number next to what it should be compared with | 9:16, 16:9 |
| Neon Sign | A real neon sign switching on: grey glass tubes stutter, one catches late, the wall lights up in its colours and the wet street reflects it, with the transformer's hum | 9:16, 16:9, 1:1 |
| Glitch | Digital breakage used sparingly — splits, tears, compression blocks, datamosh — landing on the one beat that matters, closing on a CRT switch-off | 9:16, 1:1, 4:5 |
| Infographic | One crowd of units that lines up again for every question, one group lit at a time, a magnifying glass for the tiny and a pile off the top for the huge, from real data | 9:16, 16:9 |
| Title Sequence | Slow film titles: one card at a time in the empty part of the frame, letters spacing out as they fade in, a new shot every card or two, grain and a piano note | 16:9, 9:16 |
| Pixel Art | Low-resolution pixel art blown up with hard edges: a small palette, a stepped console clock, overworld maps and level-up screens, your own photo turned into pixels, chiptune and console sounds | 9:16, 16:9 |
| Karaoke Lyrics | Lyrics timed word by word to your recording, the next line always on screen, any number of singers each in their own colour | 9:16, 16:9 |
| Paper Cutout | Real-looking cut paper layered at different heights with true soft shadows: folds that open, pop-up cards and books, cut-paper titles, translucent vellum, one light and a 3D camera | 9:16, 16:9 |
| Fluid | Real fluid on the GPU — ink gathering into a wordmark, light rising through water, milk poured into coffee, paper marbling — and soft colour fields that loop | 9:16, 16:9, WebGL2 |
| Social Post | A real post on X drawn as the app shows it, fetched with its replies, as the hook for the data that checks it | 9:16 |
| News Collage | A news story as a collage on a board: clippings, prints and real document pages, highlighted, circled, stamped and strung together as the camera reads | 9:16 |
| Product UI | Your real app or site in a phone or a browser window: captured screens, a cursor or finger clicking, typing, scrolling, the camera pushing in and following | 9:16, 16:9 |
render.pyturns a page into an mp4 with its sound;sound.pyplays the music on sampled instruments and makes the sounds of the picture.
Requirements
ffmpeg; Python with playwright, Pillow, numpy, scipy and soundfile; Playwright's Chromium or an installed Google Chrome (WebGL2 for the GPU engines); fluidsynth for music on sampled instruments (brew install fluid-synth / apt install fluidsynth — the free GeneralUser GS soundfont downloads itself on first use). Variety Captions finds faces with Apple Vision on macOS or MediaPipe elsewhere; Flat Explainer voices the script with edge-tts or aligns your own recording with Whisper; Karaoke times lyrics with Whisper.
Benchmark
Style pages on ultramotion.ai show the same prompt run without and with the skill — Claude Code (Sonnet 5.5) and ChatGPT Codex (GPT-6.1-Sol), plus WorkBuddy (MiniMax M2.7) and 豆包 for some styles.
License
MIT.