Skip to content
mcp/skillhub

Agent Skill

Oil Motion skill

oil-motionoil-oil/oil-motionSKILL.md

把 AI 生成或已有的视频、序列帧变成随滚动、指针、拖动、触摸、设备方向、音频、数据或状态变化的网页动画:设计动作方向,生成关键帧与视频,整理成图集或视频,编译时间轴并接入运行时。用户需要角色转向、产品拆解、镜头穿越、一镜到底转场,或要清理、抠色、补帧、压缩绿幕视频与雪碧图时使用。不用于纯 CSS、JS、SVG、Lottie 或实时 3D 就能完成的界面过渡与微交互(交给普通前端实现),也不用于独立成片剪辑、单张配图或静态页面。

2.7kMIT

always on

173 tokname + description

once used

2,766 tokSKILL.md body

bundled files

6734 scripts

repo stars

2.7kGitHub

Install the Oil Motion skill

Skills CLI (Claude Code, Codex, Cursor and others)

npx skills add https://github.com/oil-oil/oil-motion --skill oil-motion

Claude Code, by hand (all projects)

git clone --depth 1 https://github.com/oil-oil/oil-motion.git /tmp/oil-motion
mkdir -p ~/.claude/skills
cp -R /tmp/oil-motion ~/.claude/skills/oil-motion

For one project only, copy the folder into .claude/skills/ in that project instead. The agent picks it up when a task matches its description.

What it costs your context

Agent Skills load in three steps. Tokens counted with the o200k tokenizer; your model's count will differ a little.

WhenWhat loadsCost
Every sessionName and description173 tok
When the agent uses itThe SKILL.md instructions2,766 tok
Only if opened67 bundled files (3.2 MB)varies

Until it is used, oil-motion costs about 7.9× less than the median MCP server we measured (1,363 tokens on every turn). Skills vs MCP study

Checks

  • Ships scripts the agent can run. Read them before installing.

Checked 2026-10-22 · method

What's inside

The headings of its SKILL.md. Read the full file on GitHub.

  • Oil Motion
  • 首次配置
  • 四个唯一事实源
  • 主流程
  • 1. 锁定用户意图
  • 2. 建立生产计划
  • 3. 自动选择交付与运行时
  • 4. 制作关键帧
  • 5. 先做 Pilot
  • 6. 生成并逐段验收
  • 7. 帧准备、清理与编译时间轴
  • 8. 接入运行时
  • 9. 最终验收
  • 交付
  • 配套 UI 设计建议