Framer Motion React
C-Jeril/framer-motion-skills/skills/framer-motion-react作者 C-Jeril837d7268fc4a3cf5b1f8904616ec97c7485e3edaMIT8 个星标收录于 2026年10月9日更新于 2026年10月9日仓库6个月前更新
Official Framer Motion skill for React integration — AnimatePresence, motion components, useAnimation, layout animations. Use when building React animations, using AnimatePresence, Framer Motion with Next.js, or when asking about Framer Motion React patterns, cleanup, or SSR.
- 837d7268fc4a3cf5b1f8904616ec97c7485e3eda当前提交 837d726发布于 2026年10月9日
来源与署名
来源：C-Jeril/framer-motion-skills位于skills/framer-motion-react提交837d726
许可证： MIT
内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。
更多来自 C-Jeril/framer-motion-skills 的技能
Framer Motion Variants
C-Jeril
Framer Motion 动画变体参考指南，涵盖状态机、编排、错峰、重复与关键帧。
Framer Motion Scroll
C-Jeril
使用 Framer Motion 的 useScroll、useTransform 和 useInView 钩子构建滚动联动动画的参考指南。
Framer Motion Gestures
C-Jeril
Framer Motion 手势动画参考指南，涵盖拖拽、平移、点击、悬停和聚焦交互。
Framer Motion Layout
C-Jeril
Framer Motion 布局动画参考指南：layout 属性、layoutId 共享过渡、AnimatePresence 与退出动画。
更多Software Development技能
Playground
anthropics
构建自包含的交互式 HTML 演练场，包含控件、实时预览和可复制的提示词输出。
M5 Onboard
anthropics
通过 USB 检测 M5Stack ESP32 开发板，刷写 UIFlow 2.0 固件并安装 MicroPython 应用包。
Cardputer Buddy
anthropics
指导迭代 Cardputer-Adv 的 MicroPython 应用包：添加应用、通过 USB 串口推送文件、查看日志并运行 REPL 命令。
Web Design Guidelines
vercel-labs
依据从远程来源获取的 Web Interface Guidelines 审查 UI 代码，并以 file:line 形式报告问题。
Vercel React Native Skills
vercel-labs
React Native 与 Expo 最佳实践规则，涵盖列表性能、动画、导航、UI 模式、状态与 monorepo 配置。
Vercel React Best Practices
vercel-labs
Vercel 的 React 与 Next.js 性能指南，以 70 条规则的形式用于编写、审查和重构代码。