rive-react

SKILL.md

@file rules/use-rive.md @file rules/callbacks.md @file rules/layout.md @file rules/scroll-animations.md

Trigger when: (1) Using @rive-app/react-canvas or @rive-app/react-webgl, (2) Using useRive hook or RiveComponent, (3) Building React components with Rive animations, (4) User mentions "Rive React" or "useRive", (5) Implementing scroll-based or parallax animations with Rive. Best practices for integrating Rive animations in React applications using the official Rive React package. Covers hooks, layout, and scroll animations. Source: stevysmith/rive-skills.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/stevysmith/rive-skills --skill rive-react Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Security certified for safe and reliable code One-click installation with simplified configuration Compatible with Claude Code, Cursor, and more

View raw