charlie947/motion-graphics-skills
motion-effects
Build any of 16 premium motion effects from scratch in your own brand, as one 8-second looping HTML file with window.seek(seconds) so it exports frame-exact to MP4 or GIF. Interfaces (button to player, search to results, card to workspace, tabs to panels), data (chart morph, dashboard zoom, spring stack, magnetic dock), type (masked type, elastic type, text to layout, image reveal) and systems (perspective shift, glass focus, flowing paths, particle logo). Use when someone says "build the chart morph", "make a button that turns into a video player", "animate my logo with particles", "motion effect", "UI animation", "product animation", "animated dashboard", "kinetic type" or names any of the 16 effects.
Installation
npx skills add https://github.com/charlie947/motion-graphics-skills
Similar popular skills
Related neighbors and high-traction skills in the same topics — useful to compare before installing.
Generate sound effects from text descriptions using ElevenLabs. Use when creating sound effects…
140 installsLightweight 3D effects for decorative elements and micro-interactions using Zdog, Vanta.js, and…
15 installsThis skill should be used when the user asks anything about Adobe After Effects — to "write an …
67 installsUse when writing or reviewing Jetpack Compose code with LaunchedEffect, DisposableEffect, SideE…
1.1K installsUse this skill when working with Niagara particle systems, VFX, effects, emitter, Niagara compo…
16 installsUse when implementing Disney's 12 animation principles in Adobe After Effects
6 installsAlso in this package
Other skills from charlie947/motion-graphics-skills · top by installs.
npx skills add charlie947/motion-graphics-skills
More details
Agent compatibility
Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.