SuperAPI AI 工具集

motion

前端与建站

查看项目

更新于 10-16 09:54

技能介绍

用途:为 AI 智能体提供 Motion(旧称 Framer Motion)动画库的参考知识,覆盖 React、原生 JavaScript 与 Vue 三类 API,以及动画概念和指南,便于按任务快速检索对应文档。

主要能力:React 方面收录 motion、AnimatePresence、AnimateView、LayoutGroup、LazyMotion、MotionConfig、Reorder 等组件,以及 useAnimate、useScroll、useSpring、useTransform、useMotionValue、useInView、useDragControls、useReducedMotion、useVelocity、useAnimationFrame、useTime、usePageInView 等 hooks。动画概念涵盖 transition(tween/spring/inertia/stagger)、layout 与 layoutId、scroll、gestures、drag、SVG 路径。原生 JS 覆盖 animate、scroll、inView、hover、press、stagger、spring、timeline、motionValue。Vue(motion-v)覆盖 motion 组件、v-motion 指令、composable,以及 Motion+ 限定组件 Carousel、Cursor、Ticker、Typewriter、AnimateNumber。guides 含安装、无障碍、性能、减小包体、故障排查、升级与从 GSAP 迁移。

使用方式:先从任务映射到分类,再读该分类 references/<category>/README.md 定位页面,最后 Read 对应 .md 获取细节。React 用 motion.div 或 hooks 查 react-components、react-hooks;原生 JS 查 vanilla-js;概念与 prop 行为查 animation;Vue 查 vue;安装与性能等查 guides;示例查 samples;安装与 import 查 scripts。

适用场景:为 React、原生 JS、Vue 项目实现元素动画、进出场动画、布局与共享元素动画、滚动联动、手势与拖拽、SVG 动画等。

限制:资料未提供具体安装命令、版本号、收费与价格、性能数据及平台支持细节,暂未提供。实际以对应文档页面为准。