Agent Skills
› nexu-io/motion-anything
› counter
counter
GitHub提供无依赖、符合无障碍标准的数字滚动计数器效果。支持通过data-to属性设置目标值，在视图加载时以类似里程表的方式动画显示最终数字，优化用户体验并尊重用户的减少运动偏好。
Trigger Scenarios
需要展示关键统计数据的页面
希望增强数据呈现动效的UI场景
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
