←Leaderboard/Media/skills
Last commit on October 5, 2026·Created on March 17, 2026

vibe-motion/skills

“Create animated videos and visual effects.”
Combined rank
#293
across all skills
In Media
#17
category rank
Stars
1.6k
+10.3% in last 7d
Forks
97
+9.0% in last 7d
Watchers
3
+50.0% in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
TL;DR

This collection provides specialized tools for motion designers to generate precise, frame-based animations. It enables the creation of sound-reactive visuals and high-impact marketing promos, moving from website assets to polished video exports.

WHO IT'S FOR
Motion designers
generate deterministic frame-based animations
Product marketers
create high-impact brand and product promos
AI agent builders
integrate automated video rendering capabilities
Creative technologists
produce sound-reactive and generative visuals
Categories
Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.

Use this skill collection

Follow the documented setup, then try a first task.

Interactive skills installer

Installs: Selected skills from vibe-motion/skills; the author recommends selecting all. The listed paths are a bounded selection of the bundle. · Claude Code

  1. Run this command in a terminal to start the interactive installer.

    npx skills add vibe-motion/skills
  2. In the installer, use Space to select the skills you want; installing all is recommended. Select your target agent, for example Claude Code, because agents use different skill directories.

README.md ↗ · Checked Nov 5, 2026README.en.md ↗ · Checked Nov 5, 2026

Give it something to do.

Suggested first task

Create a spotlight text reveal

Uses light-spotlight-render

  • Text to reveal; this starter uses HELLO.
  • Swing angle and cycle, lamp scale, glow opacity, mask/text/background colors, and output dimensions.
  • Python 3 available to run the documented helper.
Use light-spotlight-render to create a standalone HTML spotlight reveal for the text “HELLO”. Ask for any animation parameters you need, generate the HTML, and return its absolute path with browser preview instructions.
Suggested first task

Weave artwork into an interactive curtain

Uses printed-curtain-render

  • A local PNG, JPEG, or WebP artwork file.
  • A new or empty output directory.
  • Python 3.9+ and a modern browser with Canvas support.
Use printed-curtain-render with my supplied artwork to create a small interactive curtain demo in a new output directory. Preserve the artwork's proportions, preview it over local HTTP, and return the absolute HTML path and local-server command.
Suggested first task

Render a short cosmic particle video

Uses 3d-chladni-render

  • A fresh workspace location and unused MP4 output path.
  • git, Python 3.9+, Node.js, npm, ffmpeg, and ffprobe.
  • Network access for the initial clone and dependency installation.
Use 3d-chladni-render to render the default Cosmic Web animation as a six-second 1280×720 MP4 at 30 fps, without audio. Use a fresh workspace and output path that I provide. Return the absolute video path and render settings after the documented validation completes.
3d-chladni-render/SKILL.md ↗ · Checked Nov 5, 2026