motion-dev-animations - 面向 Web 框架的 Motion.dev GPU 动画生成器
为 React、Next.js、Svelte 及 Astro 项目生成带有无障碍与性能验证的 Motion.dev GPU 加速动画代码。
标签
更新于: 2026-09-23该技能可以做什么
- 生成入场动画
- 实现手势交互处理
- 创建滚动关联动画
- 构建布局过渡组件
- 添加减弱动画无障碍支持
- 验证动画性能质量标准
输入
- 框架上下文
- 动画需求
- 目标组件
- 物理特性规范
输出
- TypeScript 动画代码
- JSX 动画代码
- 动画变体配置
- 减弱动画降级代码
要求
- Claude 3.5 或更高版本
- Motion npm 软件包
- React 19+、Next.js 15+、Svelte 5+ 或 Astro 4+
- 文件系统读写权限