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.
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.
Video: @rehan_shei on X, shown with credit. Press play; sound is on unless you mute it.
A reference for what pixelfx can make. The creator links the repo in the post itself. We checked the link: github.com/patch-gg/pixelfx.
The video belongs to its creator and is shown with credit. Want it removed or credited differently? Tell us.
MOTION0:18A short tour of what HyperFrames renders, plus its built-in editor. Works in Claude Code, Cursor, Codex and Gemini.
MOTION0:09The 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:20A fast tour of techniques catalogued in the awesome-ai-motion guide, which the first reply links.
MOTION0:19A 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.
MOTION1:20Made with HyperFrames. HyperFrames is free and open source: the main button takes you to it.
MOTION1:11The skill author asked the agent for a Halloween short: Clawd goes trick-or-treating for tokens dressed as other agents, with every frame, the music and 100+ hidden jokes written in code.