SuperAPI AI Directory

rive

Design & creation

View repository

Updated 10-15 21:40

About this skill

Directory Structure

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

Search Procedure

Find the category from the task, and identify the target page in the category's README.md:

  1. Find the category corresponding to the task in the mapping table below
  2. Refer to that category's README.md to identify the target page
  3. Read the .md of the corresponding page to check the details

Task → Category Mapping

Task Category Reference README
I want to know about package selection (canvas / webgl2 / canvas-lite) runtimes-web references/runtimes-web/README.md
I want to look up the options for the Rive constructor runtimes-web references/runtimes-web/README.md
I want to use Rive instance methods such as play / pause / stop runtimes-web references/runtimes-web/README.md
I want to share a .riv file across multiple instances (RiveFile / caching) runtimes-web references/runtimes-web/README.md
I want to dynamically load font and audio assets runtimes-web references/runtimes-web/README.md
I want to self-host WASM to speed up startup runtimes-web references/runtimes-web/README.md
I want to look up Artboard switching, the Low-level API, and version migration runtimes-web references/runtimes-web/README.md
I want to display animations in React using useRive runtimes-react references/runtimes-react/README.md
I want to manipulate State Machine inputs with useStateMachineInput runtimes-react references/runtimes-react/README.md
I want to use Data Binding / ViewModel in React runtimes-react references/runtimes-react/README.md
I want to know about React performance guidelines, bitmap rendering, and version migration runtimes-react references/runtimes-react/README.md
I want to understand how State Machines work, including states and transitions concepts references/concepts/README.md
I want to grasp the concepts of Inputs / Listeners / Events / Audio Events concepts references/concepts/README.md
I want to understand ViewModel / ViewModelInstance / Properties concepts references/concepts/README.md
I want to look up the concepts of Converters / Enums / Data Binding (including Lists / Property Groups / Stateful Components) concepts references/concepts/README.md
I want to know the concepts of Layout / Fit / Alignment, N-Slicing, and Scrolling concepts references/concepts/README.md
I want to write Node / Layout / Converter / Path Effect scripts with Rive Scripting (Luau) and manipulate Artboard / ViewModel / Property scripting-api-reference references/scripting-api-reference/README.md
I want to write rendering processing with Path / Paint / Renderer / Color / Gradient scripting-api-reference references/scripting-api-reference/README.md
I want to handle WGSL Shaders / GPU Buffers, Textures, and Pipeline State scripting-api-reference references/scripting-api-reference/README.md
I want to know typical usage samples samples/README.md
I want to know installation and package addition commands scripts scripts/README.md