oil-motion

为网页生成跟随滚动和鼠标动作的交互动画。

Agent Skill设计与多媒体开源

能力说明

Oil Motion 是一个 Agent 通用的交互动画 Skill，帮助设计并生成跟随滚动、鼠标移动等操作的网页动画。用户只需提供素材和表达意图，Agent 会处理生成、检查、压缩和前端实现。适用于产品介绍、角色互动、操作演示等场景。支持多种交互方式，如滚动、鼠标移动、拖动、触摸或设备方向。

页面滚动时的产品展开动画鼠标移动时的角色视线跟随拖动进度时的动画前进后退手机上的触摸或倾斜控制动画

依赖：API KeyNode.js 22.18+Python 3.10+

npx skills add oil-oil/oil-motion

以上信息由 AI 基于公开资料整理，可能存在偏差，以来源为准。

如何安装 Oil Motion？

使用 npx 命令：npx skills add oil-oil/oil-motion。

需要哪些依赖？

需要 Node.js 22.18+ 和 Python 3.10+。

第一次生成动画前需要做什么？

填写 API Key 并存入系统凭据库。

将 Claude 转变为资深设计架构师，提供设计令牌、组件、无障碍性等功能。

Herk Edit Kit：使用 Codex 或 Claude Code 编辑视频、短片和 YouTube Shorts。

从自然语言生成 draw.io 图表，支持多种预设和导出格式。

生成干净的2D游戏精灵和动画图集。

专业SVG标志生成器，提供多种设计变体和展示背景。

生成高质量的App Store截图，提升应用下载率。