oil-motion
oil-motion is a skill in nexu-io/open-design, last changed 14 Oct 2026. It can run shell commands, name web addresses and bundle scripts. Our pattern check flagged nothing at commit 325494e on 26 Oct 2026.
Pattern check: nothing flagged · commit 325494e · 26 Oct 2026
Install处理视频和序列帧,编译滚动、指针、拖动与状态驱动的网页动效;内含本地媒体处理脚本和运行时。新素材生成使用宿主工具。
- Licence
- MIT
- Repo stars
- 104.2k
- Folder last changed
- 14 Oct 2026 (opens in a new tab)
- Publisher
- nexu-io
- Files
- 32 files
- Checked
- 325494e (opens in a new tab) · 26 Oct 2026
Install
Each tab says whether it installs commit 325494e, the one we checked, or the latest version.
No tab for your agent? Use Any agent for OpenCode, Goose, Windsurf (Devin Desktop), Zed, Roo Code, Factory Droid, Junie, Amp and Antigravity, and Claude Code for Cline. Kiro needs the folder copied by hand.
Pinned to commit 325494e, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&
git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/nexu-io/open-design.git "$tmp" &&
git -C "$tmp" fetch -q --depth 1 origin 325494e5a1e5858f7aa63bd71d7f326bdf911e7f &&
git -C "$tmp" sparse-checkout set -- skills/oil-motion &&
git -C "$tmp" checkout -q 325494e5a1e5858f7aa63bd71d7f326bdf911e7f &&
mkdir -p .claude/skills &&
mkdir .claude/skills/oil-motion &&
cp -R "$tmp"/skills/oil-motion/. .claude/skills/oil-motion/ &&
rm -rf "$tmp"If Claude Code was already running and this created the skills folder, run /reload-skills.
Pinned to commit 325494e, the one we checked.
Skills in the Claude apps belong to your account rather than to a project.
Make oil-motion.zip, with the skill folder at the top level:
tmp="$(mktemp -d)" &&
git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/nexu-io/open-design.git "$tmp" &&
git -C "$tmp" fetch -q --depth 1 origin 325494e5a1e5858f7aa63bd71d7f326bdf911e7f &&
git -C "$tmp" sparse-checkout set -- skills/oil-motion &&
git -C "$tmp" checkout -q 325494e5a1e5858f7aa63bd71d7f326bdf911e7f &&
out="$(mktemp -d)" &&
cp -R "$tmp"/skills/oil-motion "$out"/oil-motion &&
(cd "$out" && zip -qr - oil-motion) > oil-motion.zip &&
rm -rf "$tmp" "$out"In Claude, open Customize > Skills, select +, then + Create skill > Upload a skill, and choose oil-motion.zip.
On Free, Pro and Max plans, turn on Code execution and file creation (Create and edit files in newer settings) under Settings > Capabilities.
Pinned to commit 325494e, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&
git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/nexu-io/open-design.git "$tmp" &&
git -C "$tmp" fetch -q --depth 1 origin 325494e5a1e5858f7aa63bd71d7f326bdf911e7f &&
git -C "$tmp" sparse-checkout set -- skills/oil-motion &&
git -C "$tmp" checkout -q 325494e5a1e5858f7aa63bd71d7f326bdf911e7f &&
mkdir -p .agents/skills &&
mkdir .agents/skills/oil-motion &&
cp -R "$tmp"/skills/oil-motion/. .agents/skills/oil-motion/ &&
rm -rf "$tmp"Codex picks up new skills on its own; restart it if this one does not appear.
Pinned to commit 325494e, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&
git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/nexu-io/open-design.git "$tmp" &&
git -C "$tmp" fetch -q --depth 1 origin 325494e5a1e5858f7aa63bd71d7f326bdf911e7f &&
git -C "$tmp" sparse-checkout set -- skills/oil-motion &&
git -C "$tmp" checkout -q 325494e5a1e5858f7aa63bd71d7f326bdf911e7f &&
mkdir -p .cursor/skills &&
mkdir .cursor/skills/oil-motion &&
cp -R "$tmp"/skills/oil-motion/. .cursor/skills/oil-motion/ &&
rm -rf "$tmp"Pinned to commit 325494e, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&
git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/nexu-io/open-design.git "$tmp" &&
git -C "$tmp" fetch -q --depth 1 origin 325494e5a1e5858f7aa63bd71d7f326bdf911e7f &&
git -C "$tmp" sparse-checkout set -- skills/oil-motion &&
git -C "$tmp" checkout -q 325494e5a1e5858f7aa63bd71d7f326bdf911e7f &&
mkdir -p .github/skills &&
mkdir .github/skills/oil-motion &&
cp -R "$tmp"/skills/oil-motion/. .github/skills/oil-motion/ &&
rm -rf "$tmp"In a running Copilot CLI session, run /skills reload.
Or install it with gh skill, which also installs the commit we checked. Needs GitHub CLI 2.90 or later.
gh skill install nexu-io/open-design skills/oil-motion/SKILL.md@325494e5a1e5858f7aa63bd71d7f326bdf911e7f --agent github-copilot --scope projectPinned to commit 325494e, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&
git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/nexu-io/open-design.git "$tmp" &&
git -C "$tmp" fetch -q --depth 1 origin 325494e5a1e5858f7aa63bd71d7f326bdf911e7f &&
git -C "$tmp" sparse-checkout set -- skills/oil-motion &&
git -C "$tmp" checkout -q 325494e5a1e5858f7aa63bd71d7f326bdf911e7f &&
mkdir -p .gemini/skills &&
mkdir .gemini/skills/oil-motion &&
cp -R "$tmp"/skills/oil-motion/. .gemini/skills/oil-motion/ &&
rm -rf "$tmp"In a running session, run /skills reload.
Or use Gemini CLI’s own installer. Installs the latest version, not the one we checked.
gemini skills install https://github.com/nexu-io/open-design.git --path skills/oil-motion --scope workspacePinned to commit 325494e, the one we checked.
Codex, Cursor, Copilot, VS Code, Gemini CLI, OpenCode, Goose, Amp and Zed all read .agents/skills; Claude Code and Kiro list only their own folders.
From your project's root folder:
tmp="$(mktemp -d)" &&
git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/nexu-io/open-design.git "$tmp" &&
git -C "$tmp" fetch -q --depth 1 origin 325494e5a1e5858f7aa63bd71d7f326bdf911e7f &&
git -C "$tmp" sparse-checkout set -- skills/oil-motion &&
git -C "$tmp" checkout -q 325494e5a1e5858f7aa63bd71d7f326bdf911e7f &&
mkdir -p .agents/skills &&
mkdir .agents/skills/oil-motion &&
cp -R "$tmp"/skills/oil-motion/. .agents/skills/oil-motion/ &&
rm -rf "$tmp"Or use the skills CLI from skills.sh. Installs the latest version, not the one we checked. The skills CLI reports installs to skills.sh unless you set DISABLE_TELEMETRY=1.
npx skills@1.7.4 add nexu-io/open-design --skill oil-motionWhat it can touch
From the files and frontmatter at commit 325494e. This is how much a skill can do, not whether it is risky.
What it can touch: Scripts or outside hosts
Runs shell commands
Its instructions or files give the agent commands to run on your computer.
Names web addresses
It mentions outside web addresses the agent may visit. We list them but don't follow them.
Bundles scripts
The folder holds code files the agent may run.
Pattern check
Pattern check: nothing flagged · commit 325494e · 26 Oct 2026
We checked every text file in this skill, at commit 325494e on 26 Oct 2026, against 45 published patterns such as download-and-run commands, hidden text and credential access. We don't run the skill, we don't read the web pages it points to, and we can't judge everything its instructions might lead an agent to do. In published tests, pattern checks like this one missed most malicious skills. Read the skill before you install it — especially anything it asks you to download or run.
How the check worksReport an incorrect finding
Outside links we did not follow
- https://github.com/oil-oil/oil-motion
- https://github.com/oil-oil/oil-motion/tree/07e31f2265f80caa8f2c1df825d85ac24a46307c
- https://motionsites.ai/?prompt=cordex),预览观察:同一条管状产品以大比例展示,编织材质、应用场景和参数卡发生切换。
- https://motionsites.ai/?prompt=alethia),预览观察:岩石状主体及蓝色表面结构在近景、整体与不同构图间变化。
- https://21st.dev/@arunachalam/components/scroll-expansion-hero)、[Hero
- https://21st.dev/@ajith66310/components/hero-scroll-video-pin-reveal),公开预览与页面说明。
- https://21st.dev/@componentry/components/scroll-choreography),交互实测:四图随滚动改变位置,最后一图覆盖视口,回滚恢复多图布局。
- https://21st.dev/@prashantsom75/components/scroll-morph-hero),页面说明:散乱布局变成圆形,再形成滚动驱动的弧形排列。
- https://21st.dev/@manuarora700/components/container-scroll-animation),页面说明与使用代码:滚动改变容器的三维朝向,内容可是一张界面截图。
- https://motionsites.ai/?prompt=orbit-stickers),预览观察:太空主题贴纸从页脚边缘进入、层叠并改变位置,链接区保持留白。
Show 9 more
- https://21st.dev/@minhxthanh/components/hover-preview
- https://21st.dev/@jahed/components/spotlight-card
- https://21st.dev/@jatin-yadav05/components/radial-orbital-timeline),交互实测:选中节点显示状态、说明和关联节点入口,点击关联项能切换详情。
- https://21st.dev/@yura/components/carousel-squeeze),页面说明与使用代码:一项宽幅展示,其他项收为细条;演示配置关闭自动轮播。
- https://21st.dev/@isaiahbjork/components/voice-powered-orb),作者说明与使用代码:WebGL
- https://www.cosmos.so/),当前页面观察:图片围绕首屏文案分布,后续章节介绍集合、颜色搜索、相似图与来源信息;[Godly
- https://godly.website/website/cosmos-978
- https://recent.design/i/a06z03e-aging-button-microinteraction),策展说明与预览:按钮随着点击次数增加出现磨损和脏污。
- https://recent.design/i/t36wysw-3-in-1-icon-morph),预览观察:多个状态图形的线、点和轮廓重组成一个符号;策展账号标签不视为原作者证明。
Format check
Each agent reads SKILL.md a little differently. We check the file against each one's published rules; we don't run the skill in any agent.
Agent Skills specPasses with warnings
The open format from agentskills.io, held to what the strictest agents enforce, so one folder loads everywhere.
- Warning
Fields outside the spec: en_name, zh_name, zh_description, triggers and od. Uploads to the Claude apps and API, and the spec's validator, reject the file; most agents ignore these fields. O1
Fix: Delete them for a portable skill, or keep them if you only target the agents that read them.
- Note
The description doesn't say when to use the skill. D6
Fix: Add a sentence such as "Use when …" naming the requests or files that should trigger it.
- Note
Reference files that SKILL.md doesn't link: SOURCES.md. Anthropic suggests linking every reference file directly from SKILL.md. B4
Fix: Link each one from SKILL.md and say when to read it.
- Note
Reference files over 100 lines with no table of contents at the top: references/alpha-atlas.md (119 lines), references/concepts.md (164 lines), references/delivery-selection.md (123 lines), references/prompting.md (307 lines), references/qa.md (161 lines) and 1 more. B5
Fix: Add a short list of the sections at the top of each.
- Warning
Claude CodePasses
Claude Code reads its own extra fields, ignores unknown ones, and still loads a skill whose frontmatter is broken, without its fields.
- Note
Claude Code ignores fields it doesn't know: en_name, zh_name, zh_description, triggers and od. O1
Fix: Check the spelling against Claude Code's field list, or delete them.
- Note
Reference files that SKILL.md doesn't link: SOURCES.md. Anthropic suggests linking every reference file directly from SKILL.md. B4
Fix: Link each one from SKILL.md and say when to read it.
- Note
Reference files over 100 lines with no table of contents at the top: references/alpha-atlas.md (119 lines), references/concepts.md (164 lines), references/delivery-selection.md (123 lines), references/prompting.md (307 lines), references/qa.md (161 lines) and 1 more. B5
Fix: Add a short list of the sections at the top of each.
- Note
Claude apps & API uploadFails
Uploading to claude.ai or the Claude API, or packaging with Anthropic's script, accepts only the six spec fields and stops on anything else.
- Error
Upload and packaging fail on fields outside the spec: en_name, zh_name, zh_description, triggers and od. O1
Fix: Delete them, and keep your own data under metadata as text values.
- Note
Reference files that SKILL.md doesn't link: SOURCES.md. Anthropic suggests linking every reference file directly from SKILL.md. B4
Fix: Link each one from SKILL.md and say when to read it.
- Note
Reference files over 100 lines with no table of contents at the top: references/alpha-atlas.md (119 lines), references/concepts.md (164 lines), references/delivery-selection.md (123 lines), references/prompting.md (307 lines), references/qa.md (161 lines) and 1 more. B5
Fix: Add a short list of the sections at the top of each.
- Error
OpenAI (Codex & API)Passes with warnings
Codex finds SKILL.md by its exact name and needs a description; OpenAI's Skills API checks the frontmatter against the spec and caps uploads.
- Warning
Fields outside the spec: en_name, zh_name, zh_description, triggers and od. Codex ignores them; OpenAI doesn't say whether its upload accepts them. O1
Fix: Delete them, or move your own data under metadata as text values.
- Warning
VS Code & CopilotPasses
VS Code reads skills one folder below .github/skills, .claude/skills or .agents/skills and falls back to the folder name when the name is missing or differs; GitHub's Copilot docs require the exact name SKILL.md.
- Note
VS Code ignores fields it doesn't support: en_name, zh_name, zh_description, triggers and od. O1
Fix: Delete them unless another agent you target reads them.
- Note
SKILL.md
Files
32 files
Show 12 more
More from nexu-io/open-design
8-bit-orbit-video-template
nexu-io/open-design
Hyperframes-based video template for retro pixel deck motion design. Use when users want a high-fidelity, multi-scene HTML-to-video composition with advanced transitions, interactive preview controls, and ready-to-render default style.
Pattern check: Nothing flaggedWhat it can touch: Names web addressesApache 2.0 · 104.2k repo stars · Updated 2 Jun 2026
ad-creative
nexu-io/open-design
Generate and iterate ad creative including headlines, descriptions, and primary text. Useful for paid social and search ad iteration.
Pattern check: Nothing flaggedWhat it can touch: Runs shell commands · Names web addressesApache 2.0 · 104.2k repo stars · Updated 18 Aug 2026
after-hours-editorial-template
nexu-io/open-design
Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine chapter spreads. Use when the user asks for premium fashion-style motion pages, moody serif-led storytelling, or a high-end dark presentation aesthetic with rich transitions.
Pattern check: Nothing flaggedWhat it can touch: Names web addressesApache 2.0 · 104.2k repo stars · Updated 9 May 2026
agent-browser
nexu-io/open-design
Browser automation CLI for AI agents. Use when the user needs to inspect, test, or automate browser behavior: navigating pages, filling forms, clicking buttons, taking screenshots, extracting page data, reading selected OpenDesign browser-tab context, testing web apps, dogfooding OpenDesign previews, QA, bug hunts, or reviewing app quality. Prefer local OpenDesign preview URLs unless the user explicitly asks for external browsing.
Pattern check: Nothing flaggedWhat it can touch: Runs shell commands · Reaches the network +1Apache 2.0 · 104.2k repo stars · Updated 18 Aug 2026
ai-music-album
nexu-io/open-design
Full-lifecycle AI music album production — concept, lyric drafting, track sequencing, and export. Useful for indie album experiments and brand soundtracks.
Pattern check: Nothing flaggedWhat it can touch: Runs shell commands · Names web addressesApache 2.0 · 104.2k repo stars · Updated 18 Aug 2026
algorithmic-art
nexu-io/open-design
Create generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills, and artistic frame studies.
Pattern check: Nothing flaggedWhat it can touch: Runs shell commands · Names web addressesApache 2.0 · 104.2k repo stars · Updated 18 Aug 2026