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 を使用してスクロールベースまたは視差アニメーションを実装します。 Rive アニメーションを React アプリケーションに統合するためのベスト プラクティス 公式 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 などに対応

原文を見る