rive-skills
为Claude提供全面的Rive动画平台开发知识库
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：rive-skills。 它的用途是：为Claude提供全面的Rive动画平台开发知识库 完整的 Skill 内容见：https://321skill.com/skills/rive-skills/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我正在用Next.js做一个产品官网，想在首页加一个用户鼠标悬停时会响应的吉祥物动画，用Rive实现，给我一个详细的实现方案。” 它会基于Skill，为你规划从在Rive编辑器中设计状态机和悬停触发器，到在Next.js项目中集成@rive-app/react-canvas组件，并编写代码处理鼠标事件来驱动状态切换的完整步骤和示例代码。
介绍
这个Skill为Claude注入了关于Rive交互式动画平台的完整知识体系，旨在解决开发者在集成和使用Rive时遇到的技术文档分散、API复杂、跨平台适配困难等问题。它涵盖了从编辑器操作、状态机设计、数据绑定到Web、移动端及游戏引擎等所有主流运行时的详细指南。
用户可以通过安装此Skill，让Claude瞬间成为Rive专家。无论是回答具体的API调用问题，还是指导如何为React应用添加一个复杂的动画状态机，Claude都能基于Skill内的结构化知识提供精准的步骤和代码示例。
它非常适合需要将Rive动画集成到其项目中的前端开发、移动端开发、游戏开发以及UI设计师。无论是构建一个带有复杂交互的网站Banner，还是为移动App设计流畅的加载动画，或是为游戏角色添加生动的状态反馈，这个Skill都能提供从概念到实现的全流程支持。
建议用户在涉及Rive的具体开发任务时启用此Skill，例如编写Luau脚本、调试状态机逻辑或配置特定平台的运行时。对于Rive编辑器本身的基础操作学习，结合官方教程使用效果更佳。注意，Skill提供的是技术实现知识，而非艺术设计指导。
核心特点
与零散的Rive教程或单一的运行时文档不同，此Skill整合了Rive全栈知识，特别是深度覆盖了其独有的Luau脚本API和各平台（Web、Flutter、Unity等）的运行时集成细节，提供了从编辑器内创作到代码端控制的完整闭环指导。
注意事项
不适合用于学习基础的动画设计原理或进行纯粹的视觉艺术创作。
常见问题
如何在React项目中添加Rive动画？
Skill会指导你安装@rive-app/react-canvas包，并示例如何使用useStateMachine等Hook控制动画状态。
Rive的状态机（State Machine）怎么设置布尔值输入？
Skill会详细解释在Rive编辑器中创建布尔输入，并在代码中通过StateMachineController进行切换的方法。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/rive-skills/raw/index.md 读取 rive-skills 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/rive-skills/raw/index.md（查看排版版本）