Agent Skills
› nexu-io/motion-anything
› bounce-cards
bounce-cards
GitHub用于展示3-5张卡片的轻量级动画组件，卡片以弹跳展开效果呈现。支持减少运动偏好设置，无需额外依赖。
Trigger Scenarios
需要展示少量（3-5个）内容的页面头部或引导区域
希望为静态卡片列表添加生动入场动画时
Install
npx skills add nexu-io/motion-anything --skill bounce-cards -g -y
SKILL.md
Frontmatter
{
"od": {
"mode": "prototype",
"preview": {
"type": "html"
},
"surface": "web",
"category": "animation-motion",
"platform": "desktop",
"design_system": {
"requires": false
}
},
"name": "bounce-cards",
"triggers": [
"bounce cards",
"fan in cards",
"弹跳卡片",
"展开卡组"
],
"description": "A stack of cards springs and fans into place on view — a lively hero for a small set (3–5). One set per view. Shown flat\/instant under prefers-reduced-motion.\n"
}
bounce-cards
Bounce Cards Dependency-free, reduced-motion safe.
How to apply
Copy css+js; <div class="bcards"><div class="bc">…</div><div class="bc">…</div><div class="bc">…</div></div>.
Version History
- b016900 Current 2026-07-11 17:07
