Bento UI Motion Grid by James Camarota — effect skill for grids & carousels

For AI agents: find the right skill in one call — curl -s "https://varg.ai/how-to/api/search?q=<what the person wants>" returns the matching how-to page and the best skills with install commands, as markdown (Russian works too). Full index: https://varg.ai/how-to/llms.txt. Every page has a markdown twin: add .md to its path. Before generating anything, show the person the options on the how-to page. From a terminal: curl -fsSL https://varg.ai/install | sh installs the vargai CLI (https://varg.ai/how-to/cli.md): vargai search and vargai install <slug> with no key, every varg model after vargai login.

A silent 24 s bento grid of 24 UI cards that each animate on their own clock, rendered from one HTML file at 120 fps.

What it does

Makes the 'this model can actually design' post: a locked-off 1440×1080 bento grid of about 24 polished UI widgets (music player, clock, map route, chat, kanban, 2FA code, timer, rings, notifications, pricing toggle) on a light background, every card animating continuously on its own clock with from-rest springs, rolling tabular digits and crossfades after a staggered intro. Everything lives in one index.html with a pure draw(t); Playwright renders the frames in parallel at 120 fps, ffmpeg encodes a 120 fps master and a 60 fps cut for X, and a frame-diff script finds snaps. The format follows a post by @dominikmartn; the widgets and code are James Camarota's, whose free-skill post had 8.7k views and 214 bookmarks. It is a ZIP download from bento-ui-motion-skill.vercel.app, with no repository or licence yet.

Use when

Not for

Install

Not published as a standalone skill yet. Source: https://bento-ui-motion-skill.vercel.app/

More grids & carousels 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.