Rive — интерактивные анимации со стейт-машинами

★ 6.5 · vibe-coding

rive-interactive is a Claude Code skill that helps build state machine-based vector animations with runtime interactivity and two-way data binding between application code and Rive files. Unlike Lottie or GSAP, Rive supports three input types (boolean, number, trigger) for controlling state transitions, a ViewModel API for binding dynamic properties (strings, numbers, colors, enums), and custom events emitted from animations back to application code. The skill covers React integration via rive-react, including the useRive, useStateMachineInput, useViewModel, and useViewModelInstance hooks for state control and data binding. It is intended for developers building interactive animated components such as buttons and toggles, data-driven dashboards with live visual feedback, or designer-created animations that require runtime control and user input handling.