Apple Design 是一个面向 Web 的界面与动效设计技能，把 Apple 在 WWDC 设计演讲（主要是 2018 年《Designing Fluid Interfaces》）中阐述的理念，翻译为 Web 平台可用的做法，涉及 CSS、Pointer Events、requestAnimationFrame，以及 Motion/Framer Motion 等弹簧动画库。
用途 该技能用于在 Web 上构建或评审流体、Apple 风格的界面，特别适合手势驱动 UI、弹簧动画、拖拽/滑动、底部抽屉与卡片、半透明材质层级，以及需要无障碍降级的交互场景。其核心判断标准是：当动效从当前屏幕值起步、继承用户速度、向前投影动量，并且可以随时被抓取和反向时，界面才显得“有生命”。弹簧是实现这一切的工具，因为它们天然可中断、能感知速度。
主要能力 技能以一组原则组织知识：
- 响应——消灭延迟。在 pointer-down（而非释放）时就给出反馈；审查 debounce、人为计时器、过渡等待和约 300ms 点击延迟；交互过程中持续反馈，而非只在结束时更新。
- 直接操控——1:1 跟手。拖拽时内容须紧贴手指并尊重抓取偏移；使用 Pointer Events 与 setPointerCapture；记录短时间的速度/位置历史。
- 可中断性——最重要的原则。动画必须随时可中断、可重定向；过渡期间不得锁定输入；始终从呈现（当前）值而非目标值开始动画；手势驱动场景避免 CSS transition 与 @keyframes；反向时混合速度而非硬切；把 2D 运动拆成独立的 X、Y 弹簧。
- 行为优先于动画——使用弹簧。Apple 用阻尼比（控制过冲，1.0 为临界阻尼无回弹）与响应（达到目标的快慢，秒）替代质量/刚度/阻尼三参数。多数 UI 从阻尼 1.0 起步，仅当手势本身带动量时才加入回弹（约 0.8）。文中给出具体值：移动/重定位 1.0 / 0.4，旋转 0.8 / 0.4，抽屉/面板 0.8 / 0.3。Web 侧（Motion / Framer Motion）的 bounce + duration 与 Apple 的 damping + response 接近。
- 速度交接——手势结束时，动画须以手指的精确速度继续；相对速度可用 gestureVelocity / (targetValue − currentValue) 归一化。
- 动量投影——不是从释放点吸附到最近边界，而是用速度投影出静止位置再就近吸附；技能给出 Apple 的投影函数 project(initialVelocity, decelerationRate = 0.998)，并提醒不要用物理教科书式的 v²/(2·decel)。
- 空间一致性——进出走同一条路径；transform-origin 锚定到触发元素；可逆过渡镜像缓动。
- 手势方向暗示——中间帧应预示最终状态。
- 橡皮筋——边界处渐进阻尼，给出 rubberband 函数实现。
- 手势设计细节——tap 在按下时高亮、抬起时提交，约 10px 迟滞与容错；拖拽/滑动需约 10px 阈值后再 1:1 跟踪；并行检测手势、意图明确后取消落败者；避免只报告最终状态的手势识别器；减少消歧延迟。
- 帧级平滑——保持每帧位移低于感知阈值；快速运动可用轻微动态模糊/拉伸；只动画 transform 与 opacity，必要时 will-change。
- 材质与深度——用 backdrop-filter 模拟半透明层；材质重量表达层级；更大表面显得更厚；用变暗聚焦、用分离保持流程；活力效果保证文字可读；用滚动边缘效果替代硬分隔线；玻璃材质入场时同时动画模糊半径与缩放。
- 多模态反馈——因果性、和谐性（同帧触发）、实用性三条规则，避免过度反馈。
- 减弱动态与无障碍——响应 prefers-reduced-motion、prefers-reduced-transparency、prefers-contrast；避免全视口移动背景、约 0.2Hz 的慢速循环振荡与亮度突变。
- 排版——字距随字号变化，大标题负字距、小字轻微正字距；行高与字号反向；用字重+字号+行高共同建立层级；尊重用户字号设置；优先平台系统字体。
使用方式 技能资料未提供安装命令或调用步骤，暂未提供。资料显示，首次调用且没有具体问题时，只回复一句就绪说明，随后等待用户提问。
适用场景与限制 适用场景包括 Web 上的手势驱动界面、弹簧动效、抽屉/模态、半透明工具栏与材质层级、无障碍降级实现。 限制方面，资料未说明支持平台、依赖版本、收费或许可信息，暂未提供。