Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
Claude Design Skillstack avatar

Rive Interactive

  • 629 repo stars
  • Updated November 20, 2025
  • freshtechbro/claudedesignskills

Add state-machine-based interactive vector animations with runtime input handling and ViewModel data binding, integrated into React via Rive - for animations that react to user input.

About

A skill for Rive, a state-machine-based vector animation tool with runtime interactivity. A solo builder reaches for it to build state-driven UI, animated components with logic, and two-way interactive animations - integrating them into React with input handling and ViewModel data binding, where a static Lottie file would not suffice.

  • State-machine vector animations
  • Runtime interactivity and input handling
  • ViewModel data binding
  • React Rive integration

Rive Interactive by the numbers

  • Data as of Jul 31, 2026 (Skillselion catalog sync)
npx skills add https://github.com/freshtechbro/claudedesignskills --skill plugins/individual/rive-interactive

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
repo stars629
Last updatedNovember 20, 2025
Repositoryfreshtechbro/claudedesignskills

What it does

Add state-machine-based interactive vector animations with runtime input handling and ViewModel data binding, integrated into React via Rive - for animations that react to user input.

Who is it for?

Interactive animations that respond to user input and state

Related skills

How it compares

An interactive alternative to Lottie with state machines

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.