html-effectiveness-proto
Installation
SKILL.md
04-proto — 原型
"Motion and interaction can't be described, only felt. A throwaway page with the real easing curve or the real click-through tells you in five seconds what a paragraph of prose never could."
何时用
| 用户说 | 用哪个范式 | 模板 |
|---|---|---|
| "试一下这个 transition / easing / 时长合适吗" | 动画沙盒 | ../../templates/animation.html |
| "spring vs cubic-bezier 哪个手感对" | 同上 | 同上 |
| "想感受一下这个 flow / 4 屏的 onboarding" | 可点击流 | 自建（见下） |
范式 4.1 · 动画沙盒
空间形状：动画在中央 + 滑块控制 duration / easing + Play 按钮。用户调到对了为止。
HTML 骨架：