Apple 风格设计 Skill：把流体交互落到 Web

是什么

这条内容介绍 apple-design Skill：将 Apple WWDC 设计演讲中的流体界面、音频触觉反馈、字体细节与设计原则，整理成可落地到 Web 的 17 条设计和动效规则。安装入口是 npx skills@latest add emilkowalski/skills。材料没有给出 README 或仓库元数据，不能据此断言内部文件结构或调用协议。

核心设计

它强调界面从用户当前动作中长出来，动效服务状态变化并保持可控；导航栏、工具栏和弹层借助材质、层级与 backdrop-filter 建立空间关系，同时避免透明层过度叠加。图一用回复上滑的讨论层保持内容连续，图二用 Peek、Half、Full 展示可调节的地图详情层。

关键洞察

核心不是复制 Apple 的颜色或圆角，而是把舒适感拆成上下文、层级、反馈、状态和转场等可执行约束，给 Agent 提供一致的界面判断标准，降低设计意图到代码的翻译成本。

边界与风险

Apple 风格不一定适合所有产品；backdrop-filter 需验证性能、对比度、可读性和降级方案，动效还应覆盖减少动态效果与触控场景。上线前应核实仓库版本、完整规则和许可。