motion-effects

Installation
SKILL.md

Motion effects, built in your brand

Sixteen starter recipes for focused motion units. They are not the limits of the pack and they are not a reason to rebuild an effect that already exists.

Before hand-authoring, inspect the current project for a working primitive. For a greenfield code-driven effect or any existing HyperFrames project, HyperFrames registry search is mandatory before custom implementation. Reuse and adapt a good existing block first. Build from scratch only when the current project and HyperFrames capabilities do not already solve the need.

Each recipe describes the visual transformation, timing, and craft detail. The brand system still comes from brand.md and MOTION.md.

Before you start: read brand.md and MOTION.md if they exist. If not, run brand-intake first, or ask for hex codes, a font and a logo file. Never call a result on-brand without them.

Step 1: Ask for four things, then wait

  1. The effect. One of the 16 by name or number. If they describe a job instead ("show our pricing", "reveal the launch name"), suggest the two effects from the table below that fit best and let them pick.
  2. The real content. The words, labels and numbers that go in it. Real figures, or say they are samples.
  3. The size. 1080 x 1080 (square), 1080 x 1350 (LinkedIn portrait), 1080 x 1920 (Reel) or 1920 x 1080 (YouTube).
  4. Loop or hold. Loop repeats forever (a post or a GIF). Hold plays once and stays on the finished frame (under a voiceover, so it never resets mid-sentence).
Installs
15
GitHub Stars
28
First Seen
Sep 29, 2026