reanimated-skia-performance
✓使用react-native-reanimated (v4+) 和@shopify/react-native-skia（画布场景、运行时效果/着色器）编写和审查高性能React Native 动画和2D 图形。用于：手势驱动的交互、弹簧/定时转换、布局/安装动画、重新动画 CSS 转换/动画、Skia 绘图、动画着色器制服、路径/矢量插值、开发模式调整面板（滑块）以及诊断动画卡顿（JS 线程停顿、过度重新渲染、每帧分配）。
SKILL.md
Use for state-driven style changes where you do not need bespoke worklets.
Use for keyframe-like sequences (pulses, wiggles, repeated loops) without writing custom worklets.
Use sliders to tune animation configs or shader uniforms in DEV.
使用react-native-reanimated (v4+) 和@shopify/react-native-skia（画布场景、运行时效果/着色器）编写和审查高性能React Native 动画和2D 图形。用于：手势驱动的交互、弹簧/定时转换、布局/安装动画、重新动画 CSS 转换/动画、Skia 绘图、动画着色器制服、路径/矢量插值、开发模式调整面板（滑块）以及诊断动画卡顿（JS 线程停顿、过度重新渲染、每帧分配）。 来源：andreev-danila/skills。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/andreev-danila/skills --skill reanimated-skia-performance- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 reanimated-skia-performance？
使用react-native-reanimated (v4+) 和@shopify/react-native-skia（画布场景、运行时效果/着色器）编写和审查高性能React Native 动画和2D 图形。用于：手势驱动的交互、弹簧/定时转换、布局/安装动画、重新动画 CSS 转换/动画、Skia 绘图、动画着色器制服、路径/矢量插值、开发模式调整面板（滑块）以及诊断动画卡顿（JS 线程停顿、过度重新渲染、每帧分配）。 来源：andreev-danila/skills。
如何安装 reanimated-skia-performance？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/andreev-danila/skills --skill reanimated-skia-performance 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/andreev-danila/skills
详情
- 分类
- *创意媒体
- 来源
- skills.sh
- 收录时间
- 2026-02-01