prompts->code->motion graphics
Vibe Motion publishes skills that let an AI agent produce motion graphics, from rendering procedural 3D scenes such as a Three.js globe with animated flight routes, a procedural fish, and Chladni particle patterns, to building Remotion components like a vinyl record player, a 3D infinite image ticker, and a Claude-style typing animation. Several of their skills also cover image-driven work, including weaving user artwork into an interactive p5.js curtain and converting raster logos into clean SVGs and choreographed logo animations. Their catalogue stands out for combining code-generated visuals with video export, with most skills covering both the scene and its rendered output.
Skills
16 skills · 1,571 stars
3D Chladni Render Clone or update https://github.com/nolangz/3D-Chladni and export deterministic 3D Chladni particl…
Brand Launch Video Star Create fast, high-impact 15-30 second brand and product marketing videos from an official company…
Claude Typer Render a Claude-style prompt typing animation video by calling Remotion CLI against the remote si…
Colorize Turn photos, videos, and Live Photos into a black-and-white to color reveal clip (单彩渐变 + 动感模糊 + 丁…
Disney Animation Rule Skill Apply Disney's 12 principles as practical design and engineering rules for procedural animation.
Fisheye Motion 制作屏摄风格的鱼眼畸变效果与聚焦动画：桶形鱼眼畸变 + 细扫描线/摩尔纹干涉 + 四周暗角， 可对任意图片/视频做「推镜聚焦到某处 + 黄色标注块滑入」的 Remotion 视频输出。 核心是…
Light Spotlight Render Generate a swinging spotlight text-reveal HTML animation with configurable text, swing angle, lam…
Pixel2Motion Turn a raster logo (PNG/JPG/WebP/screenshot) into a clean minimal SVG with edge smoothness as the…
Printed Curtain Render Generate a browser-based p5.js curtain simulation that weaves user-supplied PNG, JPEG, or WebP ar…
Procedural Fish Render Clone or update https://github.com/vibe-motion/procedural-fish and render procedural-fish animati…
Remotion 3D Ticker Creates infinite 3D vertical scrolling ticker animations in Remotion.
Remotion Candlestick 在 Remotion 项目中创建带动画的金融 K 线图（蜡烛图）。涵盖数据获取（Yahoo Finance）、 插件架构（config / timeline / Scene / plugin）、…
Remotion Vinyl Player Creates an elegant, realistic Vinyl Record Player animation component for Remotion.
Ruler Progress Render Clone or update https://github.com/sxhzju/ruler-progress-animator and render a ruler progress vid…
Threejs Earth Render Clone or update https://github.com/vibe-motion/threejs-earth and render the Three.js Earth route…
Wechat 2D Render Clone or update https://github.com/sxhzju/wechat-2d and render the default WeChat-style 2D chat m…