Updated 2d ago
by hughminhphan
motion-kit
a claude code skill that makes agent-made video move like a motion designer keyed it: curves per move, timing from distance, reactions not staggers. built for hyperframes, works on any gsap timeline
21 GitHub stars (21)
+21 in 3 days
- 1 skill (1 skills found in its SKILL.md files)
- 2 forks (2 forks)
- 2d ago last update (Last updated 2d ago)
Install
Skills CLI
npx skills add hughminhphan/motion-kit
Asks which agents to install it for. Add -g to install it for every project.
Claude Code
git clone https://github.com/hughminhphan/motion-kitcp -r "motion-kit/skills/motion-designer" ~/.claude/skills/
Copies the motion-designer skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project).
Plugin
/plugin marketplace add hughminhphan/motion-kit
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
motion-designer
Author motion like a motion designer instead of with named presets. Read before animating anything (HyperFrames or any GSAP timeline, CSS, three.js, Blender keys). Replaces the house default (power3.out, fade up 24px, 0.4 to 0.6 s, even 0.08 s staggers, static holds) with hand-shaped curves per property, duration from distance and weight, a lead with uneven reactions, and text that mostly cuts on…
skills/motion-designer/ on GitHub (opens in a new tab)SKILL.md
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.