Rive Skills for Claude

Comprehensive Claude Code skills for working with the Rive interactive animation platform.

Overview

This skill package provides Claude with deep knowledge of the entire Rive platform:

• Rive Editor - Artboards, shapes, constraints, layouts, text, animation mode
• Rive Scripting (Luau) - All protocol types (Node, Layout, Converter, PathEffect, Test)
• State Machines - States, inputs, transitions, listeners, layers
• Data Binding - View Models, lists, converters, runtime data binding
• Events - Rive events, audio events, runtime event handling
• Web Runtimes - React/Next.js, vanilla JS, Canvas, WebGL
• Mobile Runtimes - Flutter, iOS (Swift), Android (Kotlin), React Native
• Game Runtimes - Unity, Unreal Engine, Defold

Installation

Option 1: Using npx (Recommended)

Install via skills.sh - the skills package manager by Vercel:

npx skills add bowtiedswan/rive-skills

Option 2: Clone and Install Locally

# Clone the repository
git clone https://github.com/bowtiedswan/rive-skills.git

# Copy to Claude skills directory
cp -r rive-skills ~/.claude/skills/

Option 3: Manual Installation

1. Download the repository
2. Copy the rive-skills folder to ~/.claude/skills/

Skill Contents

rive-skills/
├── SKILL.md                                    # Main skill file
├── README.md                                   # This file
└── references/
    ├── rive-scripting-api.md                   # Complete Luau scripting API
    ├── rive-react-runtime.md                   # React/Next.js runtime
    ├── rive-editor-fundamentals.md             # Editor interface & basics
    ├── rive-animation-mode.md                  # Timeline, keys, easing
    ├── rive-state-machine.md                   # States, inputs, transitions
    ├── rive-constraints.md                     # All constraint types
    ├── rive-layouts.md                         # Flexbox layouts, N-Slicing
    ├── rive-manipulating-shapes.md             # Bones, meshes, clipping
    ├── rive-text.md                            # Fonts, text runs, modifiers
    ├── rive-events.md                          # Rive & audio events
    ├── rive-data-binding.md                    # View Models & data binding
    ├── rive-web-runtime.md                     # Vanilla JS, WASM, Canvas/WebGL
    ├── rive-flutter-runtime.md                 # Flutter widgets & controllers
    ├── rive-mobile-runtimes.md                 # iOS, Android, React Native
    └── rive-game-runtimes.md                   # Unity, Unreal, Defold

Reference Guides

Editor Features