Rive Interactive

What it does

Rive Interactive provides patterns and examples for building state-machine driven vector animations that respond to user input and application data. It covers state machines, inputs (boolean/number/trigger), ViewModel two-way binding, events, runtime property control, and cross-platform integration (React, Web, React Native, iOS, Android, Flutter). Concrete code examples and scripts help generate components and ViewModel bindings.

When to use it

Use this skill when you need interactive UI animations with complex transitions, data-driven visualizations, animated components (buttons, toggles, loaders), or when designer-created Rive assets require runtime control that timeline-based tools (like Lottie) cannot provide.

What's included

• Scripts: component_generator.py, viewmodel_builder.py (has_scripts=true)
• References: examples, starter templates, docs links (has_references=true)
• Instructions: step-by-step React patterns for embedding .riv files, binding state machine inputs, listening for events, preloading, and performance tips.

Compatible agents

Likely compatible with developer-oriented coding assistants (Claude Code, Copilot-style agents) that can read and generate React/JSX and integration code.