oil-motion

Generates interactive animations for web pages that follow scrolling and mouse movements.

Agent SkillDesignOpen source

Type: Agent Skill
Open source: Yes
GitHub Stars: ★ 2.6k
Source: skill-github
Repository: github.com/oil-oil/oil-motion

Overview

Oil Motion is a universal interactive animation Skill for Agents, helping designers create web animations that respond to scrolling, mouse movement, and other interactions. Users only need to provide assets and express their intent; the Agent handles generation, validation, compression, and frontend implementation. Suitable for product showcases, character interactions, and instructional demonstrations. Supports multiple interaction methods including scroll, mouse movement, drag, touch, or device orientation.

Capabilities

▪Generate interactive animations with continuous frames
▪Organize and compress animation assets
▪Support various interaction control methods
▪Ensure smoothness and clarity of animations

Use cases

Product reveal animations triggered by page scrollingCharacter gaze-following animations on mouse movementAnimation progress forward/backward during drag interactionsTouch or tilt-based animations on mobile devices