Vibe Motion
Official@vibe-motion
prompts->code->motion graphics
Agent Skills by Vibe Motion
Showing 22 vetted skills indexed across 2 GitHub repositories.
vibe-motionremotion-candlestick
Creates animated financial candlestick charts in Remotion using Yahoo Finance OHLC data.
vibe-motion3d-chladni-render
Renders deterministic 3D Chladni particle animations as MP4 or transparent ProRes MOV videos.
vibe-motionwechat-2d-render
Render WeChat-style 2D chat motion videos with Remotion and custom props.
vibe-motionclaude-typer
Generate Claude-style typing animation videos with Remotion CLI and Python.
vibe-motionremotion-vinyl-player
Generate a realistic vinyl record player animation for Remotion videos.
vibe-motionprocedural-fish-render
Render animated swimming fish videos using the Remotion library.
vibe-motionsvg-assembly-animator
Convert static SVG graphics into animated visuals with customizable parameters.
vibe-motionpixel2motion
Vectorize raster logos into animated SVGs with interactive HTML output.
vibe-motionthreejs-earth-render
Render 3D Earth route animations with Three.js and Puppeteer frame capture.
vibe-motiondisney-animation-rule-skill
Apply Disney's 12 animation principles to procedural animation sequences.
vibe-motionruler-progress-render
Generate ruler progress animations from text and progress levels via YAML configuration.
vibe-motionlight-spotlight-render
Generate a standalone HTML animation with a swinging spotlight revealing text.
vibe-motionremotion-3d-ticker
Create infinite vertical 3D scrolling ticker animations for Remotion.
vibe-motionhyperframes
Route video and animation requests into HyperFrames HTML composition workflows.
vibe-motionimage-gen
Generate a single image from a text prompt with specified dimensions and filename.
vibe-motiongeneral-video
Create custom HyperFrames video compositions with validated HTML, CSS, and GSAP output.
vibe-motionmotion-graphics
Plan and build short motion graphics with deterministic GSAP animation and MP4 rendering.
vibe-motionhyperframes-motion
Author, inspect, and render deterministic HyperFrames animations with atomic rules and runtime adapters.
vibe-motionhyperframes-design
Define frame-scale visual direction for HyperFrames video compositions from design specs.
vibe-motionhyperframes-core
Build renderable HyperFrames compositions from HTML and GSAP with deterministic rendering constraints.
vibe-motionhyperframes-cli
Manage HyperFrames project scaffolding, validation, preview, rendering, and cloud deployment workflows.
vibe-motionhyperframes-registry
Install and wire HyperFrames registry blocks into HTML compositions.
Frequently Asked Questions About Vibe Motion
FAQPage SchemaWhat specific visual tasks can be performed using these compositions?▼
These compositions enable the generation of programmatic motion graphics, including 2D chat simulations, 3D ticker displays, vinyl record animations, and procedural fish rendering. Users can convert static SVG graphics into animated visuals or apply Disney's 12 animation principles to custom HTML and GSAP-based sequences.
Which technical personas are the primary users of these rendering components?▼
The primary users are creative developers and motion engineers who require deterministic, code-driven video output. These components are designed for professionals building programmatic video pipelines who need to maintain strict visual consistency across HTML, CSS, and GSAP-based compositions.
What are the core dependencies required to run these rendering compositions?▼
Execution requires a Node.js environment with the Remotion library and GSAP installed. Projects rely on HyperFrames for composition management, Puppeteer for frame-accurate capture, and YAML configuration files to define progress levels and animation parameters for the rendering engine.