Agent Skills
› nexu-io/motion-anything
› image-trail
image-trail
GitHub为页面添加跟随鼠标的图片缩略图尾迹特效，支持自定义图片列表或纯色块。具备无障碍特性，自动适配触屏设备并尊重用户的减少动画偏好设置。
Trigger Scenarios
需要实现鼠标跟随的图片画廊或作品集装饰效果
希望在不使用第三方库的情况下添加轻量级前端视觉动效
Install
npx skills add nexu-io/motion-anything --skill image-trail -g -y
SKILL.md
Frontmatter
{
"od": {
"mode": "prototype",
"preview": {
"type": "html"
},
"surface": "web",
"category": "animation-motion",
"platform": "desktop",
"design_system": {
"requires": false
}
},
"name": "image-trail",
"triggers": [
"image trail",
"cursor images",
"拖尾图片",
"光标残影"
],
"description": "Thumbnails trail behind the cursor and fade — a gallery\/portfolio hero flourish. One trail area per page; heavy on content pages. Off on touch and under prefers-reduced-motion.\n"
}
image-trail
Image Trail Dependency-free, reduced-motion safe.
How to apply
Copy image-trail.js; <div class="trail" data-images="a.jpg,b.jpg">…</div> (omit data-images for colored tiles).
Version History
- b016900 Current 2026-07-11 17:09
