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. - **Type:** Effects · Galleries - **Status:** beta - **Publisher:** James Camarota - **License:** unknown - **Source:** <https://bento-ui-motion-skill.vercel.app/> - **Works in:** Claude Code - **Tags:** `bento` `ui-motion` `120fps` `html-to-video` `playwright` `design-system` `ui` `silent-loop` - **Full card, kept current:** <https://varg.ai/how-to/skills/bento-ui-motion-skil...
Installs into .claude/skills of the current project.
Sponsors
SSkills DirectorySkills Directory
Know which skills are safe — weekly.
SSkills DirectorySkills Directory
Is that skill safe to install?
Are you the author of Effect?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/varghq-effect)
# Bento UI Motion Grid by James Camarota
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.
- **Type:** Effects · Galleries
- **Status:** beta
- **Publisher:** James Camarota
- **License:** unknown
- **Source:** <https://bento-ui-motion-skill.vercel.app/>
- **Works in:** Claude Code
- **Tags:** `bento` `ui-motion` `120fps` `html-to-video` `playwright` `design-system` `ui` `silent-loop`
- **Full card, kept current:** <https://varg.ai/how-to/skills/bento-ui-motion-skill.md>
## Install
Not installable on its own yet. Source: https://bento-ui-motion-skill.vercel.app/
## Run it on varg
Generation (images, video, voice, music, lip-sync, captions, render) runs with one account on [varg.ai](https://varg.ai): the `varg-ai` skill (`npx skills add vargHQ/skills --skill varg-ai`) or the MCP server `https://mcp.varg.ai/mcp`. Quote the cost first with `estimate_cost`. 1 credit = $0.01, free plan, no card.
---
Part of [Awesome AI video agents](https://github.com/vargHQ/awesome-ai-video-agents). Found a problem with this card? [Open an issue](https://github.com/vargHQ/awesome-ai-video-agents/issues/new/choose) or fix it at the source and [tell varg how to](https://varg.ai/how-to/skills/bento-ui-motion-skill).
