为使用 Rive 互动动画平台提供全面的 Claude 代码技能。

概述

这项技能包让Claude对整个Rive平台有了深入了解：

• Rive 编辑器 - 美术板、形状、约束、布局、文本、动画模式
• Rive 脚本（Luau） - 所有协议类型（节点、布局、转换器、路径效应、测试）
• 状态机 - 状态、输入、转换、监听器、层
• 数据绑定 - 查看模型、列表、转换器、运行时数据绑定
• 事件 - Rive 事件、音频事件、运行时事件处理
• Web 运行时 - React/Next.js、原版 JS、Canvas、WebGL
• 移动运行时 - Flutter、iOS（Swift）、Android（Kotlin）、React Native
• 游戏运行时 - Unity、Unreal Engine、Defold

安装

选项1：使用NPX（推荐）

通过 skills.sh 安装——Vercel 的技能包管理器：

选项2：克隆并本地安装

选项3：手动安装

1. 下载仓库
2. 将rive-skills文件夹复制到~/.claude/skills/

技能内容

参考指南

编辑功能

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