vibe-motion/skills

What it solves

This project provides a collection of "skills" (modular animation and rendering tools) that allow AI agents—such as Claude Code—to generate high-quality, programmatically driven visual effects, motion graphics, and promotional videos. It bridges the gap between text-based AI prompts and professional-grade visual output by providing the agent with specific rendering engines and animation rules.

How it works

Users install the skills via an interactive script (npx skills add vibe-motion/skills). The AI agent then uses these tools to execute specific rendering tasks. The library includes a variety of specialized renderers:

• Vector and Logo Motion: Tools like pixel2motion convert raster images to SVG and animate them, while svg-assembly-animator creates high-energy assembly effects.
• Video Production: brand-launch-video-star creates fast-paced promotional videos from website URLs or product images, and remotion-vinyl-player creates music player animations.
• 3D and Physics Simulations: Tools for rendering 3D Earth flight paths (threejs-earth-render), 3D Chladni particle systems (3d-chladni-render), and interactive p5.js curtain simulations (printed-curtain-render).
• UI/UX Animation: Tools for rendering WeChat-style chat animations (wechat-2d-render) and financial K-line charts (remotion-candlestick).
• Design Principles: The disney-animation-rule-skill provides the agent with the framework to apply the 12 principles of Disney animation to improve the fluidity and feel of code-driven animations.

Who it’s for

Developers and creators who use AI agents to automate the creation of brand assets, social media content, and UI animations without needing to manually code every frame.

Highlights

• Agent-Ready: Specifically designed to be integrated into AI agent workflows (e.g., Claude Code).
• Diverse Visual Styles: Covers everything from 2D SVG animations to complex 3D particle systems and Remotion-based video rendering.
• Automated Brand Assets: Ability to generate professional product launch videos directly from a URL.
• Physics-Based Motion: Includes simulations for cloth/curtains and fluid-like particle movements.