Frame-based motion
Designs and builds scrubbable web animation made from generated or captured frames and driven by scroll, pointer, touch or data, for moments ordinary CSS can’t express.
When to use it
- A product transformation or scene change can’t be done with CSS alone.
- You want an animation that follows the scroll or the pointer frame by frame.
- Media needs processing into an efficient, scrubbable sequence.
For ordinary UI transitions, use Web animation.
A practical example
You ask
“Make the product photo rotate as the visitor scrolls through the feature section.”
Your agent does
It plans the frames, processes them into an efficient sequence and wires playback to the scroll position.
What gets installed
The whole folder is copied, so scripts, references and any license notices stay together.
- LICENSE.txt1,069 bytes
- SKILL.md8,547 bytes
Before you start: Frame processing may need Python 3, Pillow and ffmpeg.
Credit and license
Adapted from Lin Zhihuang’s oil-motion skill. It’s shared under the MIT License, and the license file is installed with it however you choose to install.