Agent Skills
› nexu-io/motion-anything
› counter
counter
GitHub提供无依赖的数字滚动动画效果，类似里程表，用于展示关键统计数据。支持单次或双数值展示，兼容减少动态偏好设置，直接复制CSS/JS并添加指定HTML即可使用。
Trigger Scenarios
需要数字滚动动画效果时
展示统计数字或关键数据时
Install
npx skills add nexu-io/motion-anything --skill counter -g -y
SKILL.md
Frontmatter
{
"od": {
"mode": "prototype",
"preview": {
"type": "html"
},
"surface": "web",
"category": "animation-motion",
"platform": "desktop",
"design_system": {
"requires": false
}
},
"name": "counter",
"triggers": [
"counter",
"odometer",
"number roll",
"数字滚动",
"里程表"
],
"description": "Digits roll like an odometer up to the target number — a satisfying stat reveal on view. One or two key numbers per view. Under prefers-reduced-motion the final number shows instantly.\n"
}
counter
Counter Roll Dependency-free, reduced-motion safe.
How to apply
Copy css+js; <span class="counter" data-to="1280">1280</span>.
Version History
- b016900 Current 2026-07-11 17:07
