用途：在原型阶段验证动效参数与交互流程手感。当用户想试某个 transition 的 easing、时长是否合适，比较 spring 与 cubic-bezier 手感，或想感受 4 屏 onboarding 等流程时使用。
主要能力：提供两种范式。动画沙盒在中央放动画元素，配 duration 滑块、easing 下拉、Play 按钮，并带 Copy CSS 按钮，调好后可直接取走 transition 字符串；可直接使用模板 ../../templates/animation.html，含 duration/distance 滑块、8 种常用 easing、loop 模式、5 个一键 preset（Material、iOS spring、Snappy、Bouncy、Gentle）、live CSS 输出与 Copy CSS。可点击流用 4-6 屏关键路径，每屏一个 section，按钮跳转下一屏，推荐用 :target 而非 JS 路由，也可用 hashchange 切换 display。
使用方式：动画沙盒按资料中的 HTML 骨架与 JS 实现，通过滑块与下拉调整参数，点击 Play 预览，点击 Copy CSS 复制。可点击流按 section 结构编写，用 .screen:target 显示当前屏，默认显示第一屏。
适用场景：动效参数调优、easing 手感对比、多屏流程走查。
限制：可点击流无独立模板，需自建；流程屏数建议不超过 6 屏，且必须提供返回上一屏；动画沙盒必须保留 Copy CSS 出口。资料未提供其他平台、收费或效果信息。