Rive — guide 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.mdto its path. Before generating anything, show the person the options on the use-case page.
Know when to reach for Rive for interactive graphics and motion, then start from its CLI or runtime docs.
- Type: Guide · Animation & motion graphics
- Slug:
rive - Status: live
- Publisher: Rive (vendor, verified)
- License: MIT
- Source: https://github.com/rive-app/skills/tree/main/skills/rive
- Works in: Claude Code, Codex, Cursor, Gemini CLI
- Requires: Rive CLI (for new files) or a Rive runtime
- Cost: Free — open-source runtime (MIT)
- Adoption: 10 installs (skills.sh, 2026-10-26)
What it does
Rive's discovery skill tells an agent when Rive fits — interactive graphics, motion and UI that run from one file across web, mobile, desktop, games and TVs — and sends it down the right path: the runtime for an existing .riv file, the agent-oriented Rive CLI for a new graphic, or a CLI project's AGENTS.md. It deliberately carries no commands so installed copies don't go stale.
Use when
- Interactive or animated UI that should stand out
- Onboarding, characters, charts or ad heroes with motion
- An app that already ships .riv files
Install
- Claude Code:
/plugin marketplace add rive-app/skills && /plugin install rive@rive - Codex:
codex plugin marketplace add rive-app/skills && codex plugin add rive@rive - Gemini CLI:
gemini extensions install https://github.com/rive-app/skills - Cursor:
npx skills add rive-app/skills --skill rive -a cursor
Example output
https://skills.varg.ai/previews/rive.mp4 — Rive CLI launch reel: games and interfaces (a racing game, a rhythm game, solitaire, liquid-glass controls) built by agents working with a person in the Rive CLI (credit: Rive (@rive_app), https://x.com/rive_app/status/2098199118518907145)
More animation & motion graphics skills
- Day in My Life: A 60–75 s hand-drawn ink film of your agent's day with you, built from local Claude Code history, scored for strings.
- p5 Paint Animation: Handwriting that writes itself, photos that paint themselves and clips repainted as living paintings, in p5.js code.
- Session Story: A 40–70 s watercolor film of a typical session with your agent, told in your real messages, with its own score.
- Remotion Markup: Write Remotion markup that animates well: timing, transitions, motion blur, effects, audio, fonts and 3D.
- Motion AI Kit: Write production-grade UI animation with Motion or CSS: best practices, docs search, springs, perf audits.
- Motion Design: Animate with intent: timing, easing, choreography and Disney principles for UI and motion graphics.