motion-animation-patterns
✓使用此技能在 React 应用程序中实现运动（Framer Motion）动画。涵盖动画预设、页面过渡、模态动画、列表交错效果、悬停交互、骨架加载器和 RTL 感知动画模式。
SKILL.md
This skill provides comprehensive guidance for implementing Motion (Framer Motion) animations in React 19 applications. It ensures consistent, performant, and accessible animations across the UI using centralized animation presets.
All animations MUST use the centralized animations.ts presets. This ensures:
| Preset | Duration | Ease | Use For |
使用此技能在 React 应用程序中实现运动（Framer Motion）动画。涵盖动画预设、页面过渡、模态动画、列表交错效果、悬停交互、骨架加载器和 RTL 感知动画模式。 来源：yonatangross/orchestkit。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/yonatangross/orchestkit --skill motion-animation-patterns- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 motion-animation-patterns？
使用此技能在 React 应用程序中实现运动（Framer Motion）动画。涵盖动画预设、页面过渡、模态动画、列表交错效果、悬停交互、骨架加载器和 RTL 感知动画模式。 来源：yonatangross/orchestkit。
如何安装 motion-animation-patterns？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/yonatangross/orchestkit --skill motion-animation-patterns 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/yonatangross/orchestkit
详情
- 分类
- *创意媒体
- 来源
- skills.sh
- 收录时间
- 2026-02-01