motion

Name: motion
Author: fellipeutaka/leon

fellipeutaka设计与 UI47 次安装

关于 motion

使用 Motion（Framer Motion）构建 React 动画——手势（拖拽、悬停、点击）、滚动效果、弹簧物理、布局动画、SVG。体积：2.3 KB（mini）至 34 KB（full）。适用场景：拖放、滚动动画、模态框、轮播、视差。故障排查：AnimatePresence 退出、列表性能、Tailwind 冲突、Next.js「use client」。

安装

复制下面的命令，在终端中运行。

$npx skills add https://fellipeutaka/leon --skill motion

安装后在 Claude Code 中输入/motion确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

README.md

.claude-plugin/

plugin.json

agents/

openai.yaml

references/

common-patterns.md

motion-vs-auto-animate.md

nextjs-integration.md

performance-optimization.md

rules/

motion.md

scripts/

init-motion.sh

optimize-bundle.sh

templates/

layout-transitions.tsx

motion-nextjs-client.tsx

motion-vite-basic.tsx

scroll-parallax.tsx

ui-components.tsx

支持 Markdown

登录后评论