Plan video motion design by mapping viewer intent to material-driven animation.
npx skills add https://github.com/editframe/skills --skill motion-design-editframe
Please help me install this Agent Skill. Skill: motion-design Source: https://github.com/editframe/skills/tree/main/motion-design Command: npx skills add https://github.com/editframe/skills --skill motion-design-editframe
Motion Design translates ideas into purposeful, readable, and time-based visuals for video content, ensuring clarity and engagement rather than decoration.
Plan the motion strategy by mapping the video's intent to a material-based animation plan and sequence the key elements with appropriate timing.
High-intent search queries and answers about installing and using this skill.
Plan motion design by mapping viewer intent to a material-driven animation plan, sequencing key elements with appropriate timing, easing, and attention flow to ensure clear narrative pacing for opening titles.
Choreograph attention flow in video transitions by applying a physics model and systematic iteration, ensuring material-driven animation maintains consistent timing and readable narrative pacing across scenes.
A physics model improves animation timing by providing a comprehensive framework that maps material properties to easing and pacing, ensuring transitions and on-screen UI motion remain consistent and purposeful.
Yes, the motion framework applies to social media, explainer, and cinematic contexts by translating ideas into time-based visuals, ensuring clear narrative pacing and engagement rather than decoration.
Decorative motion design without narrative pacing lacks readability and purpose, failing to support the video's intent; applying a systematic iteration framework ensures transitions and UI motion maintain clear attention flow.
Reference materials are included to support the four-phase iteration process, providing best-practice rules and a decision framework to map viewer intent to material-driven animation with consistent timing.
abdu6666Analyze video shot composition, pacing, editing style, and cinematic techniques from URLs.
ZardLi1115Render HTML and GSAP motion graphics into MP4/WebM video via FFmpeg.
kofiarhinCreate timed HTML video compositions with GSAP animations and WCAG contrast validation.
DanielV-94Create web UI animations with Framer Motion, CSS keyframes, and GSAP.
