# Rive Runtime Animation Controller

> Controls Rive (.riv) interactive animations at runtime using @rive-app/canvas-advanced, manages state machine inputs, and synchronizes animation states with application data via the Rive WASM runtime.

- Skill: `agentskillexchange/rive-runtime-animation-controller` (Agent Skill)
- Install (CLI): `npx skillmds@latest add agentskillexchange/rive-runtime-animation-controller`
- Raw SKILL.md: https://api.skillmd.com/api/skills/agentskillexchange/rive-runtime-animation-controller/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: agentskillexchange (https://skillmd.com/u/agentskillexchange)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/agentskillexchange/rive-runtime-animation-controller

---


# Rive Runtime Animation Controller

Controls Rive (.riv) interactive animations at runtime using @rive-app/canvas-advanced, manages state machine inputs, and synchronizes animation states with application data via the Rive WASM runtime.

## Installation

Basic usage or getting-started notes:
- 🚀 [Getting Started & API docs](#getting-started)
- [Rive](https://rive.app) is a real-time interactive design and animation tool that helps teams create and run interactive animations anywhere. Designers and developers use our collaborative editor to create motion gra...
- Follow along with the link below for a quick start in getting Rive React integrated into your React apps.

- Source: https://github.com/rive-app/rive-react
- Extracted from upstream docs: https://raw.githubusercontent.com/rive-app/rive-react/HEAD/README.md

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/rive-runtime-animation-controller/)