SKILL0:26UI UX Pro Max: design intelligence for agents
Styles, palettes and UX rules so agent-built sites stop looking generic.
Claude Code +2★ 135.9k/
Get Friday PicksSubmitoil-motion: scroll and cursor web animations
A web animation skill that builds animations that follow scrolling and mouse movement on your pages.
In short: A web animation skill that builds animations that follow scrolling and mouse movement on your pages. It is a free skill for people who use Claude Code or Codex and want help with seo & web.
Checked on · Added
Works with
| Agent / tool | Access / cost | Link |
|---|---|---|
| Claude Code | Paid Claude plan or API | claude.com/claude-code |
| Codex | ChatGPT plan or API | openai.com/codex |
| GitHub repo | Open source · ★ 2.6k | oil-oil/oil-motion |
Image: from the GitHub README, shown with credit.
Try it in 60 seconds
npx skills add oil-oil/oil-motion
Install command copied from the project README. Check the README for the latest version.
What it does
A web animation skill that builds animations that follow scrolling and mouse movement on your pages.
Oil Motion 是一个 Agent 通用的交互动画 Skill。它负责设计动作、生成连续画面、整理动画资源，并把最终效果接入页面滚动、鼠标、拖动、触摸或设备方向。
Short excerpt from the README of oil-oil/oil-motion. Read the full README on GitHub.
Inside the repo
演示安装适用边界适合实现的动画工作原理先确认关键画面再生成连续动作最后转换成可控制的网页资源资源形式快速开始Agent 会判断什么交付内容
A prompt to try
Using oil-motion, add a scroll-driven hero animation and a cursor-follow effect to [page].
Using oil-motion, add a scroll-driven hero animation and a cursor-follow effect to [page].
Written by us so you can reuse it. Replace each [bracket] with your details.
Step by step
- Open the GitHub repo and read the README (install commands change often).
- Install it with the command in the README, or copy the skill folder into ~/.claude/skills/ (Claude Code) or ~/.codex/skills/ (Codex).
- Restart your agent so it picks the skill up.
- Ask for the video in plain words and review drafts before the final render.
Sources & credit
All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.
Related skills and use cases in SEO & Web
- UI UX Pro Max: design intelligence for agents Skill
- Taste Skill: art direction for coding agents Skill
- Diagram Design: branded diagrams as one HTML file Skill
- Open SEO MCP + skills (keywords, ranks, audits) Skill
- Analyze Any Website with OpenAI And Get On-Page SEO Audit Use case
- Website Content Scraper & SEO Keyword Extractor with GPT-5-mini and Airtable Use case
- High-Level Service Page SEO Blueprint Report Generator Use case
- Find Content Gaps in Competitors' Websites with InfraNodus GraphRAG for SEO Use case
Related
SKILL0:26Claude Code +2★ 135.9k
SKILL0:39Taste Skill: art direction for coding agents
Set taste dials and references so agent UIs don't look AI-generated.
Claude Code +2★ 96.5k
SKILLDiagram Design: branded diagrams as one HTML file
45 diagram types as self-contained HTML+SVG in your brand, great for decks and carousels.
Claude Code +2★ 55.4k
SKILLOpen SEO MCP + skills (keywords, ranks, audits)
Free SEO MCP server and skills for keyword research, rank tracking, audits and backlinks.
Claude Code +1★ 5.5k
SKILLclaude-ads: 190-check audit across 12 ad platforms
Free Claude Code skill: parallel subagents audit Google, Meta, TikTok, LinkedIn and more, then rank fixes.
Claude Code★ 10k
AGENT USE CASE1:21Let sound design lead the scene
Building many scene variants with sound first, the creator says the result looks less like AI slop and renders fast.
Claude Code♥ 988Free newsletter
Friday Picks
New AI tools you can use right away, in plain words. Every Friday.