SkillFeeder › 全部 Skill › 设计与视觉 › oil-motion
把视频或序列帧转成随滚动、指针、音频等实时驱动的网页动画。
oil-motion
oil-motion 是 SkillFeeder 收录的Agent Skill，来自 GitHub 仓库 oil-oil/oil-motion，★ 2,855。把视频或序列帧转成随滚动、指针、音频等实时驱动的网页动画。适合交互动画设计师、前端动效工程师。场景是设计与视觉 · 动效动画。能做的事包括生成带关键帧的时间轴清单、输出可直接嵌入网页的图集或视频、自动处理抠色、补帧、绿幕压缩。打开 GitHub 自行安装。
能做什么
- 生成带关键帧的时间轴清单
- 输出可直接嵌入网页的图集或视频
- 自动处理抠色、补帧、绿幕压缩
原文简介
把 AI 生成或已有的视频、序列帧变成随滚动、指针、拖动、触摸、设备方向、音频、数据或状态变化的网页动画：设计动作方向，生成关键帧与视频，整理成图集或视频，编译时间轴并接入运行时。用户需要角色转向、产品拆解、镜头穿越、一镜到底转场，或要清理、抠色、补帧、压缩绿幕视频与雪碧图时使用。不用于纯 CSS、JS、SVG、Lottie 或实时 3D 就能完成的界面过渡与微交互（交给普通前端实现），也不用于独立成片剪辑、单张配图或静态页面。
同场景推荐
- angular-developer所在仓库 affaan-m/ECC，仓库 ★ 300,014生成高质量 Angular 代码并给出架构级实践建议
- slack-gif-creator所在仓库 anthropics/skills，仓库 ★ 190,432生成符合 Slack 规范的轻量动画 GIF
- 8-bit-orbit-video-template所在仓库 nexu-io/open-design，仓库 ★ 106,772生成高保真8位像素风多场景HTML视频，带高级转场与交互预览
- after-hours-editorial-template所在仓库 nexu-io/open-design，仓库 ★ 106,772生成三页暗黑高级感HTML动态杂志页，带电影级排版与奢华转场。
- animate所在仓库 nexu-io/open-design，仓库 ★ 106,772为现有界面组件添加专业级交互动画，支持缓动、弹簧、中断与退出效果。
- chat-motion-overlay所在仓库 nexu-io/open-design，仓库 ★ 106,772把聊天记录或截图转成带动效的透明视频聊天贴片
- motion-figure所在仓库 rohitg00/ai-engineering-from-scratch，仓库 ★ 78,051生成会动的图表：SVG动画、交互式系统图、课程配色的抖动色带。
- animated-content所在仓库 thedaviddias/Front-End-Checklist，仓库 ★ 74,681将大尺寸动图批量转为轻量视频并自动注入HTML