Rive アニメーションランタイムリファレンス。 Rive クラス、useRive、useStateMachineInput、RiveComponent、 State Machine、Data Binding、ViewModel、ViewModelInstance、Events、 Layout / Fit / Alignment、.riv ファイル読み込み。 @rive-app/canvas、@rive-app/webgl2、@rive-app/react-canvas、@rive-app/react-webgl2。 Rive Scripting API (Luau)、Artboard、Property、Path / Paint / Renderer、 WGSL Shaders、GPU pipeline、Node / Layout / Converter スクリプト。

GitHub
Install command
npx skhub add fandhe-ai/rive
Markdown
SKILL.md

ディレクトリ構成

skills/rive/
  SKILL.md
  references/
    runtimes-web/
      README.md
      packages.md
      rive-constructor.md
      rive-methods.md
      layout.md
      state-machine-playback.md
      data-binding.md
      loading-assets.md
      fonts.md
      audio.md
      events.md
      rive-file.md
      preloading-wasm.md
      artboards.md
      caching-a-rive-file.md
      canvas-vs-webgl.md
      faq.md
      low-level-api-usage.md
      migration-guides.md
    runtimes-react/
      README.md
      overview.md
      use-rive.md
      use-state-machine-input.md
      layout.md
      data-binding.md
      artboards.md
      best-practices.md
      caching-a-rive-file.md
      migration-guides.md
      rendering-to-a-bitmap.md
    concepts/
      README.md
      state-machine.md
      states.md
      transitions.md
      layers.md
      inputs.md
      listeners.md
      data-binding.md
      data-binding-binding-data.md
      data-binding-controlling-data.md
      data-binding-lists.md
      data-binding-migration-guide.md
      data-binding-property-groups.md
      data-binding-property-types.md
      data-binding-stateful-components.md
      view-models.md
      instances.md
      properties.md
      converters.md
      enums.md
      events.md
      audio-events.md
      layout.md
      layout-animation.md
      layout-parameters.md
      layout-styles.md
      layout-tools.md
      n-slicing.md
      scrolling.md
    scripting-api-reference/
      README.md
      getting-started.md
      creating-scripts.md
      data-binding.md
      script-inputs.md
      pointer-events.md
      wgsl-shaders.md
      configuration.md
      debugging.md
      keyboard-shortcuts.md
      demos.md
      protocol-overview.md
      protocol-node-scripts.md
      protocol-layout-scripts.md
      protocol-converter-scripts.md
      protocol-listener-action-scripts.md
      protocol-path-effect-scripts.md
      protocol-transition-condition-scripts.md
      protocol-test-scripts.md
      protocol-util-scripts.md
      artboard-artboard.md
      artboard-animation.md
      artboard-view-model.md
      artboard-listener-context.md
      artboard-node-data.md
      artboard-text-input.md
      artboard-events.md
      data-value.md
      property.md
      color.md
      gradient.md
      paint.md
      path.md
      path-measure.md
      mat2d.md
      mat4.md
      vector.md
      renderer.md
      promise.md
      image.md
      font.md
      luau-types.md
      interface-context.md
      interface-node.md
      interface-layout.md
      interface-input.md
      interface-view-model.md
      interface-converter.md
      interface-path-effect.md
      interface-trigger.md
      interface-misc.md
      interface-decoded-image.md
      gpu-core.md
      gpu-buffers.md
      gpu-bindings.md
      gpu-textures.md
      gpu-pipeline-state.md
  samples/
    README.md
    web-basic.md
    react-interactive.md
    state-machine-control.md
  scripts/
    README.md
    install.md

探索手順

タスクからカテゴリを引き、カテゴリの README.md で目的のページを特定する:

  1. 下記マッピング表でタスクに対応するカテゴリを探す
  2. そのカテゴリの README.md を参照して目的のページを特定する
  3. 該当ページの .md を Read して詳細を確認する

タスク → カテゴリ マッピング

タスクカテゴリ参照 README
パッケージ選定(canvas / webgl2 / canvas-lite)を知りたいruntimes-webreferences/runtimes-web/README.md
Rive コンストラクタのオプションを調べたいruntimes-webreferences/runtimes-web/README.md
play / pause / stop など Rive インスタンスメソッドを使いたいruntimes-webreferences/runtimes-web/README.md
.riv ファイルを複数インスタンスで共有したい(RiveFile / caching)runtimes-webreferences/runtimes-web/README.md
フォント・音声アセットを動的に読み込みたいruntimes-webreferences/runtimes-web/README.md
WASM を自己ホストしてスタートアップを高速化したいruntimes-webreferences/runtimes-web/README.md
Artboard の切り替え・Low-level API・バージョン移行を調べたいruntimes-webreferences/runtimes-web/README.md
React で useRive を使ってアニメーションを表示したいruntimes-reactreferences/runtimes-react/README.md
useStateMachineInput で State Machine 入力を操作したいruntimes-reactreferences/runtimes-react/README.md
React で Data Binding / ViewModel を使いたいruntimes-reactreferences/runtimes-react/README.md
React のパフォーマンス指針・ビットマップ描画・バージョン移行を知りたいruntimes-reactreferences/runtimes-react/README.md
State Machine の仕組み・状態・遷移を理解したいconceptsreferences/concepts/README.md
Inputs / Listeners / Events / Audio Events の概念を把握したいconceptsreferences/concepts/README.md
ViewModel / ViewModelInstance / Properties を理解したいconceptsreferences/concepts/README.md
Converters / Enums / Data Binding(Lists / Property Groups / Stateful Components 含む)の概念を調べたいconceptsreferences/concepts/README.md
Layout / Fit / Alignment・N-Slicing・Scrolling の概念を知りたいconceptsreferences/concepts/README.md
Rive Scripting(Luau)で Node / Layout / Converter / Path Effect スクリプトを書き、Artboard / ViewModel / Property を操作したいscripting-api-referencereferences/scripting-api-reference/README.md
Path / Paint / Renderer / Color / Gradient で描画処理を書きたいscripting-api-referencereferences/scripting-api-reference/README.md
WGSL Shaders / GPU Buffers・Textures・Pipeline State を扱いたいscripting-api-referencereferences/scripting-api-reference/README.md
典型的な使い方を知りたいsamplessamples/README.md
インストール・パッケージ追加コマンドを知りたいscriptsscripts/README.md
Discovery
Tags

No tags published for this skill.

Version
Latest version metadata

Version

v2026.09.24

Published

Sep 24, 2026

Category

Uncategorized

License

Not specified

Source path

skills/rive

Default branch

main

Latest commit

f360956

Tree SHA

7af33bc