Rive Interactive

If you need animations with real interactivity and state logic, not just playback, this is the Rive skill. It covers state machines, two-way data binding through ViewModels, input handling, and event systems that let animations talk back to your code. You get practical patterns for things like interactive buttons that respond to hover and click states, dashboards that update animated properties from live data, and event listeners that trigger app logic from animation events. The skill knows when to use boolean inputs versus triggers, how to bind real-time data to animated visualizations, and includes preloading strategies. Think of this as the step up from Lottie when your designer's animation needs to branch, respond, and maintain state instead of just playing through a timeline.

Install to Claude Code

npx -y skills add freshtechbro/claudedesignskills --skill rive-interactive --agent claude-code