rive-react

SKILL.md

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

在以下情况下触发： (1) 使用 @rive-app/react-canvas 或 @rive-app/react-webgl， （2）使用useRive钩子或RiveComponent， (3) 使用 Rive 动画构建 React 组件， (4) 用户提及“Rive React”或“useRive”， (5) 使用 Rive 实现基于滚动或视差的动画。 在 React 应用程序中集成 Rive 动画的最佳实践 使用官方 Rive React 包。涵盖挂钩、布局和滚动动画。 来源：stevysmith/rive-skills。

打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/stevysmith/rive-skills --skill rive-react 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用

安全认证，代码可靠安全 一键安装，配置简单 兼容 Claude Code、Cursor 等工具

查看原文