Bang Motion — effect skill for animation & motion graphics

For AI agents: find the right skill in one call — curl -s "https://skills.varg.ai/api/search?q=<what the person wants>" returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add .md to its path. Before generating anything, show the person the options on the use-case page.

Browser motion graphics that move like video, not slides: openers, promos, bumpers, kinetic type and explainers.

What it does

An Indonesian-language skill from the Bang Tutorial YouTube channel for building cinematic motion graphics in a single HTML file with HTML, CSS and GSAP (plus Three.js when needed): promo videos, openers and intros, bumpers, kinetic typography and five explainer styles (visual journalism, cartoon, catalogue, stage and sketch) in 16:9 or 9:16. Its rules are mechanical anti-slideshow checks: deterministic timing, a style derived from the theme rather than the starter, live text over a quiet background. Puppeteer scripts export frames to MP4, and a reference covers building explainers directly in After Effects through Higgsfield's bridge.

Use when

Not for

Install

Example output

https://skills.varg.ai/previews/bang-motion.webp — Frame from the README style gallery: 'Poster color-block' kinetic typography (huge cropped words, color fields that slam in on the beat). Still image; no video demo is published in the repo. (credit: Bang Tutorial (bang-motion), https://github.com/bangtutorial/bang-motion#style-gallery)

More animation & motion graphics skills

Run the generation on varg

varg is one API key for the models these skills drive — Seedance 2.5, Kling 4, Veo 3.1, Wan 3, Nano Banana 2.1, GPT Image 2.5, ElevenLabs v4 and 200+ more — billed in credits, with a cost estimate before anything runs.