MOTION0:18HyperFrames demo: animated video from HTML, CSS and JS
A short tour of what HyperFrames renders, plus its built-in editor. Works in Claude Code, Cursor, Codex and Gemini.
/
Get Friday PicksSubmitA claw machine that hands out motion-skills packs
A 25-second 3D promo for the motion-skills repo: a claw machine grabs one capsule at a time and each opens into a skill pack card (TikTok videos, map animations, data charts, kinetic type, math animations) until all 19 packs are collected.
0:00(no audio track)
Video: @bonsaixbt on X, shown with credit. Press play; sound is on unless you mute it.
Why it's here
A reference for what motion-skills-50-packs-reels-explainers-data-viz-manim can make. The creator links the repo in the first reply under the video. We checked the link: github.com/iart-ai/motion-skills.
Make one like it
- Open the motion-skills-50-packs-reels-explainers-data-viz-manim page and follow the install steps.
- Describe the video you want in plain words: subject, length, mood, music.
- Let the agent render it, then ask for changes (pacing, colours, text) until it looks right.
Sources & credit
The video belongs to its creator and is shown with credit. Want it removed or credited differently? Tell us.
More reference videos
MOTION0:18
MOTION0:09rossark-motion launch loop: a drawn kid that feels alive
The skill's own demo: a silhouette floats in, a cartoon kid drops, lands with a squash, kicks a rolling ball and waves, all drawn and animated in code at 60 fps inside a phone frame.
MOTION0:20Reel of motion techniques from Awesome AI Motion
A fast tour of techniques catalogued in the awesome-ai-motion guide, which the first reply links.
MOTION0:19Motion Prompt: a clickable dictionary of moves for your agent
A 20-second scroll through the gallery: motion-graphics moves, camera moves, UI parts, landing-page effects and photo looks play as labelled samples, and picked ones are sent to Claude Code with their specs.
MOTION0:40pixelfx: 232 pixel-art effects, all written in code
A 40-second reel of the library: lightning, freezes, respawns and explosions on a pixel character, the full grid of 232 effects, one frost nova recoloured and reseeded in code, sprite-sheet export, and the skill taking an explosion from first draft to done.
MOTION1:20HyperFrames Studio: a video editor built for agents
Made with HyperFrames. HyperFrames is free and open source: the main button takes you to it.