用途:这套技能围绕 Framer Motion 库提供六个专项能力,帮助在 React 相关项目中实现动画与交互效果。
主要能力:核心动画原语(motion 组件、animate、initial、exit);React 与 Next.js 集成模式;变体与动画编排(staggerChildren、delayChildren、when);滚动关联与滚动触发动画(useScroll、useTransform);手势驱动交互(drag、tap、hover 及 whileDrag/whileHover/whileTap);布局动画与共享元素过渡(layoutId)。
安装与调用:安装命令为 npx skills add C-Jeril/framer-motion-skills;Claude Code 中也可将其作为聊天消息发送(加 -g 为全局,省略则仅项目级)。安装后技能名称为 framer-motion-skills,触发短语包括 Framer Motion、framer animation、layout animation、shared transitions、motion variants。使用前可检查智能体技能目录中是否已包含该技能且内容超出 stub。
适用场景:需要 Framer Motion 动效的 React/Next.js 项目。
限制:不适用于 GSAP 专项或复杂时间线编排(应使用 gsap-skills),也不适用于无 React 框架的原生 CSS 动画(应使用 animate-css-skill)。页面为目录 stub,完整包指向 C-Jeril/framer-motion-skills;关于收费、价格与效果等信息暂未提供。