·rive-interactive
*

rive-interactive

ランタイムの対話性と Web 統合を備えたステート マシン ベースのベクター アニメーション。このスキルは、インタラクティブなアニメーション、状態駆動型 UI、ロジックを使用したアニメーション化されたコンポーネント、またはランタイム コントロールを使用してデザイナーが作成したアニメーションを作成するときに使用します。 Rive、ステート マシン、インタラクティブ ベクター アニメーション、入力処理を伴うアニメーション、ViewModel データ バインディング、または React Rive 統合に関連するタスクをトリガーします。ステート マシンと双方向対話性を必要とするアニメーション用の Lottie の代替手段。

15インストール·2トレンド·@freshtechbro

インストール

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill rive-interactive

rive-interactive のインストール方法

コマンドラインで rive-interactive AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/freshtechbro/claudedesignskills --skill rive-interactive
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: freshtechbro/claudedesignskills。

Rive is a state machine-based animation platform that enables designers to create interactive vector animations with complex logic and runtime interactivity. Unlike timeline-only animation tools (like Lottie), Rive supports state machines, input handling, and two-way data binding between application code and animations.

ランタイムの対話性と Web 統合を備えたステート マシン ベースのベクター アニメーション。このスキルは、インタラクティブなアニメーション、状態駆動型 UI、ロジックを使用したアニメーション化されたコンポーネント、またはランタイム コントロールを使用してデザイナーが作成したアニメーションを作成するときに使用します。 Rive、ステート マシン、インタラクティブ ベクター アニメーション、入力処理を伴うアニメーション、ViewModel データ バインディング、または React Rive 統合に関連するタスクをトリガーします。ステート マシンと双方向対話性を必要とするアニメーション用の Lottie の代替手段。 ソース: freshtechbro/claudedesignskills。

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/freshtechbro/claudedesignskills --skill rive-interactive インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

安全認証済み、信頼性の高いコード ワンクリックインストール、簡単設定 Claude Code、Cursor、OpenClaw などに対応

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/freshtechbro/claudedesignskills --skill rive-interactive
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-03-09
更新日
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

クイックアンサー

rive-interactive とは?

ランタイムの対話性と Web 統合を備えたステート マシン ベースのベクター アニメーション。このスキルは、インタラクティブなアニメーション、状態駆動型 UI、ロジックを使用したアニメーション化されたコンポーネント、またはランタイム コントロールを使用してデザイナーが作成したアニメーションを作成するときに使用します。 Rive、ステート マシン、インタラクティブ ベクター アニメーション、入力処理を伴うアニメーション、ViewModel データ バインディング、または React Rive 統合に関連するタスクをトリガーします。ステート マシンと双方向対話性を必要とするアニメーション用の Lottie の代替手段。 ソース: freshtechbro/claudedesignskills。

rive-interactive のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/freshtechbro/claudedesignskills --skill rive-interactive インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/freshtechbro/claudedesignskills