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 等工具

查看原文