菜单
Rise + fade list items in one after another on load, staggered by order. Use for short, above-the-fold lists, menus, or nav. Honors prefers-reduced-motion. For long or off-screen lists use scroll-reveal instead; never gate must-scan content on the animation.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/nexu-io/motion-anything --skill stagger-list命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | stagger-list |
| description | Rise + fade list items in one after another on load, staggered by order. Use for short, above-the-fold lists, menus, or nav. Honors prefers-reduced-motion. For long or off-screen lists use scroll-reveal instead; never gate must-scan content on the animation. |
| triggers | ["stagger list","items appear one by one","sequence in","列表逐项入场","依次出现"] |
| od | {"mode":"prototype","surface":"web","platform":"desktop","category":"animation-motion","upstream":null,"preview":{"type":"html"},"design_system":{"requires":false},"example_prompt":"Use stagger-list on the feature list: rise + fade each item in on load, ~70ms apart, finishing\nquickly, with a prefers-reduced-motion fallback. Short list only.\n"} |
List items rise + fade in, one after another. Part of
motion-anything; obeys MOTION-SPEC.md.
scroll-reveal. Keep the whole sequence under ~600ms.stagger-list.css and stagger-list.js and link them.<ul data-stagger>…</ul> (optional data-stagger-step="70").prefers-reduced-motion: shown immediately. Transform/opacity only.