·rive
*

rive

bowtiedswan/rive-skills

スクリプト作成 (Luau)、ランタイム統合 (React/Next.js)、 ステート マシン、データ バインディング、および完全な API。ユーザーがインタラクティブなものを作成する必要がある場合は、このスキルを使用します。 Rive を使用したアニメーション、Rive を React/Next.js アプリケーションに統合、Rive スクリプト (ノード、レイアウト、 コンバーター、PathEffect プロトコル)、ステート マシン経由でアニメーションを制御、スクロールベースのアニメーションを実装、 または、Rive の描画 API (パス、ペイント、レンダラー) を使用します。トリガー: 「ライブ」、「ライブ アニメーション」、「ライブ スクリプト」、 「luau」、「@rive-app/react-canvas」、「ステートマシンアニメーション」、「インタラクティブアニメーション」、「riveによるスクロールアニメーション」。

30インストール·2トレンド·@bowtiedswan

インストール

$npx skills add https://github.com/bowtiedswan/rive-skills --skill rive

SKILL.md

This skill provides comprehensive knowledge for working with Rive, an interactive animation platform that enables creating and running interactive graphics across web, mobile, and game platforms.

Rive is a design and animation tool that produces lightweight, interactive graphics with a powerful runtime. Key capabilities:

Rive scripts use Luau (a Lua variant) and follow specific protocols. For detailed API reference, see @references/rive-scripting-api.md.

スクリプト作成 (Luau)、ランタイム統合 (React/Next.js)、 ステート マシン、データ バインディング、および完全な API。ユーザーがインタラクティブなものを作成する必要がある場合は、このスキルを使用します。 Rive を使用したアニメーション、Rive を React/Next.js アプリケーションに統合、Rive スクリプト (ノード、レイアウト、 コンバーター、PathEffect プロトコル)、ステート マシン経由でアニメーションを制御、スクロールベースのアニメーションを実装、 または、Rive の描画 API (パス、ペイント、レンダラー) を使用します。トリガー: 「ライブ」、「ライブ アニメーション」、「ライブ スクリプト」、 「luau」、「@rive-app/react-canvas」、「ステートマシンアニメーション」、「インタラクティブアニメーション」、「riveによるスクロールアニメーション」。 ソース: bowtiedswan/rive-skills。

原文を見る

引用可能な情報

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

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

クイックアンサー

rive とは?

スクリプト作成 (Luau)、ランタイム統合 (React/Next.js)、 ステート マシン、データ バインディング、および完全な API。ユーザーがインタラクティブなものを作成する必要がある場合は、このスキルを使用します。 Rive を使用したアニメーション、Rive を React/Next.js アプリケーションに統合、Rive スクリプト (ノード、レイアウト、 コンバーター、PathEffect プロトコル)、ステート マシン経由でアニメーションを制御、スクロールベースのアニメーションを実装、 または、Rive の描画 API (パス、ペイント、レンダラー) を使用します。トリガー: 「ライブ」、「ライブ アニメーション」、「ライブ スクリプト」、 「luau」、「@rive-app/react-canvas」、「ステートマシンアニメーション」、「インタラクティブアニメーション」、「riveによるスクロールアニメーション」。 ソース: bowtiedswan/rive-skills。

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

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

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

https://github.com/bowtiedswan/rive-skills

詳細

カテゴリ
*クリエイティブ
ソース
skills.sh
初回登録
2026-02-01

関連 Skills

なし