motion-dev-animations-skill
这个Claude Code技能让你轻松打造专业级网页动画,就像有个Framer Motion专家在身边指导。它能帮你快速实现苹果风格的交互动效,从页面滚动特效到按钮微交互全覆盖,还能自动优化性能。
功能简介
这个Claude Code技能让你轻松打造专业级网页动画,就像有个Framer Motion专家在身边指导。它能帮你快速实现苹果风格的交互动效,从页面滚动特效到按钮微交互全覆盖,还能自动优化性能。
适用能力
[{"title":"一键解锁苹果级交互动效","desc":"87%的token优化让你的动画设计又快又省,120fps流畅度媲美原生应用"},{"title":"复用项目上下文","desc":"结合已有文件、规则和输入材料,减少每次重新说明背景的成本。"},{"title":"输出可交付结果","desc":"适合生成分析结果、执行步骤、代码修改建议或可复制的内容草稿。"}]
输入说明
需求描述、项目文件、参考资料、截图或用户指定的执行规则。
输出说明
分析结果、执行步骤、生成内容、代码修改或可复制的交付文档。
示例提示词
["使用 motion-dev-animations-skill 帮我处理这个任务","调用 motion-dev-animations-skill,按当前项目规则给出执行方案","用 motion-dev-animations-skill 生成一版可以直接交付的结果"]
安装命令
codex skill add 199-biotechnologies/motion-dev-animations-skill