Leaderboard/Media/skills
Last commit on September 4, 2026·Created on March 17, 2026

vibe-motion/skills

A library of deterministic motion primitives for high-impact brand and product promos
Combined rank
#253
across all skills
In Media
#10
category rank
Stars
1.2k
+5.0% in last 7d
Forks
79
+1.3% in last 7d
Watchers
2
0.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 complex visual effects, from sound-reactive 3D Chladni particle motion to stylized typing animations and fisheye distortions.

The skills are designed for producing launch films, AI product demos, and website motion videos, allowing for the export of deterministic visuals in formats like MP4 and transparent ProRes MOV.

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
Repository contents

15 skill files

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.

Install the complete bundle for Claude Code

Installs: The vibe-motion/skills collection, with all available skills selected in the interactive installer. · Claude Code

Before you start
  • npx
  1. Run this command in a terminal.

    npx skills add vibe-motion/skills
  2. In the interactive installer, use Space to select all skills, then choose Claude Code as the target agent.

README.md · Checked Sep 18, 2026README.en.md · Checked Sep 18, 2026

Give it something to do.

Suggested first task

Create a standalone spotlight text reveal

Uses light-spotlight-render

  • Label text
  • Optional output HTML path
  • Python 3
Use the light-spotlight-render skill to create a standalone HTML spotlight text-reveal animation for [label text]. Use the default visual parameters, save it to [output HTML path], and return the absolute HTML path so I can open it in a browser.
light-spotlight-render/SKILL.md · Checked Sep 18, 2026
Suggested first task

Turn artwork into an interactive curtain

Uses printed-curtain-render

  • Absolute path to a PNG, JPEG, or WebP image
  • Optional text
  • Empty output directory
  • Python 3.9+
  • Modern browser with Canvas support
Use the printed-curtain-render skill to create an interactive curtain from the image at [absolute path to PNG, JPEG, or WebP]. Add [optional text], write the files to [empty output directory], wait for validation, and return the absolute HTML path plus the local HTTP-server command for previewing it.
printed-curtain-render/SKILL.md · Checked Sep 18, 2026
Suggested first task

Render a default 3D Chladni particle video

Uses 3d-chladni-render

  • Workspace directory
  • Output MP4 path
  • git
  • Python 3.9+
  • Node.js and npm
  • ffmpeg and ffprobe
  • Network access for the initial clone and dependency installation
Use the 3d-chladni-render skill to render its default six-second cosmic-mode 3D Chladni animation as an MP4. Use [workspace directory], save it to [output MP4 path], wait for validation, and return the absolute output path and render settings.
3d-chladni-render/SKILL.md · Checked Sep 18, 2026