rive-skills
为AI编程助手提供Rive动画开发的领域知识库
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：rive-skills。 它的用途是：为AI编程助手提供Rive动画开发的领域知识库 完整的 Skill 内容见：https://321skill.com/skills/rive-skills-stevysmith/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我想在React组件里嵌入一个Rive动画，并控制它的播放状态。”，它会基于rive-react技能，指导你使用useRive钩子和useStateMachineInput，并给出组件生命周期管理和事件处理的代码示例。或者
对AI说：“如何用Luau在Rive动画里画一个随指针移动的图形？”，它会基于rive-scripting技能，解释Node脚本的生命周期、Path和Paint API的使用，并提供处理pointer事件的代码框架。
介绍
Rive Skills 是一套遵循 Agent Skills 开放标准的技能集，旨在为AI编程助手注入Rive动画开发的专门知识。它解决了开发者在创建交互式动画时，需要频繁查阅文档、记忆API细节和规避常见陷阱的问题。
通过安装这些技能，AI助手（如Claude Code）在处理Rive相关代码时会自动触发，提供最佳实践、API参考和代码示例。例如，当用户提到“创建Rive动画”或编写Luau脚本时，相应的技能会被激活并提供针对性指导。
这套技能非常适合前端开发、UI设计师和全栈开发人员，尤其是那些需要在Web、React应用或通过脚本程序化生成动画的开发者。它降低了Rive这一强大工具的上手门槛，让开发者能更专注于创意实现。
建议根据具体开发场景选择性安装技能。例如，主要做Web集成就安装rive-web或rive-react；需要编写动画内部逻辑则安装rive-scripting。注意，这些技能是AI的辅助知识库，并非运行时库本身，仍需正确安装对应的Rive SDK。
核心特点
这是首个遵循Agent Skills标准、专门针对Rive动画开发的技能集合，覆盖了从程序化生成.riv文件、编写内部Luau脚本到Web/React集成的全链路开发场景，提供了结构化的领域知识而非零散的代码片段。
注意事项
不适合用于学习Rive编辑器的基础操作或非代码驱动的动画设计。
常见问题
安装后AI助手如何知道何时使用这些技能？
技能内置了触发条件，例如当用户对话中提到“生成.riv文件”、“写Rive脚本”或使用相关API包时，AI会自动应用对应的技能知识。
这些技能和Rive官方SDK是什么关系？
技能是AI的辅助知识库，用于指导开发者正确使用Rive SDK（如@rive-app/canvas），并非替代SDK，开发时仍需安装对应的官方包。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/rive-skills-stevysmith/raw/index.md 读取 rive-skills 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/rive-skills-stevysmith/raw/index.md（查看排版版本）