vibe-motionOfficial·13 Agent Skills Included

skills

Generate professional motion graphics, logo animations, and brand videos with AI

Generates ready-to-use motion graphics: logo reveals, 3D tickers, vinyl players, candlestick charts, typing animations, and full brand launch videos. Eliminates manual keyframing, video editing, and complex Remotion or Three.js setup for designers and marketers. Applies Disney's 12 animation principles automatically so every render feels smooth, weighted, and professional.

1,154|78

↗

npx skills add vibe-motion/skills --all -g -y

All Skills in This Repository (13)

Pure Emerald Level Indicators

📦 In Repo

vibe-motion

wechat-2d-render

Render WeChat-style 2D chat motion videos with Remotion and custom props.

claude-typer

Generate Claude-style typing animation videos with Remotion CLI and Python.

remotion-vinyl-player

Generate a realistic vinyl record player animation for Remotion videos.

procedural-fish-render

Render animated swimming fish videos using the Remotion library.

svg-assembly-animator

Convert static SVG graphics into animated visuals with customizable parameters.

pixel2motion

Vectorize raster logos into animated SVGs with interactive HTML output.

threejs-earth-render

Render 3D Earth route animations with Three.js and Puppeteer frame capture.

disney-animation-rule-skill

Apply Disney's 12 animation principles to procedural animation sequences.

ruler-progress-render

Generate ruler progress animations from text and progress levels via YAML configuration.

light-spotlight-render

Generate a standalone HTML animation with a swinging spotlight revealing text.

remotion-3d-ticker

Create infinite vertical 3D scrolling ticker animations for Remotion.

remotion-candlestick

Creates animated financial candlestick charts in Remotion using Yahoo Finance OHLC data.

Official

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install vibe-motion skills?▼

Run `npx skills add vibe-motion/skills --all -g -y` in your terminal to install all animation skills globally for your AI agent.

How to animate a logo with AI?▼

Use the pixel2motion skill: it converts your PNG or JPG logo into a clean SVG, then choreographs a professional reveal animation delivered as a standalone HTML file.

Can AI create a product launch video?▼

Yes. The brand-launch-video-star skill turns a company website or product images into a fast, polished 15-30 second marketing video using verified brand assets.

Does vibe-motion work with Claude Code and Cursor?▼

Yes. All skills follow the universal SKILL.md standard and run in Claude Code, OpenClaw, Cursor, and Codex.

Do I need video editing experience to use these skills?▼

No. Just describe the animation you want in plain language and your AI agent handles the rendering, timing, and export for you.