一份面向 AI 编码 agent 的 SKILL.md 文件,由 Emil Kowalski(前 Vercel/Linear 设计师)将 Apple WWDC 设计讲座中的核心理念——主要以 Designing Fluid Interfaces(WWDC 2018)为源头——蒸馏并翻译为 web 平台(CSS、Pointer Events、requestAnimationFrame、spring 动画库)可执行的 17 条原则。覆盖响应延迟消除、直接操控与 1:1 追踪、可中断动画、弹簧物理参数、速度传递与动量投射、空间一致性、橡皮筋边界、毛玻璃材质与深度、多模态反馈(触觉/声音)、无障碍与 reduced motion、字体光学尺寸与字距、以及 Apple 八项设计基础(目的、自主权、责任感、熟悉感、灵活性、简洁、工艺、愉悦)。每条原则附带具体 CSS/JS 代码片段与参数值,agent 在构建或审查手势驱动 UI、弹簧动画、拖拽/滑动/浮层交互、半透明材质、字体排版时可引用。该技能是 emilkowalski/skills 仓库中六个技能之一,主要面向使用 Claude Code、Cursor 等工具的 web 前端开发者。

社区实测

社区认为该技能将 Apple 多年 WWDC 设计讲座中的隐性知识显性化,使 AI agent 首次能产出接近 Apple 设计水准的网页界面,尤其在手势动画、弹簧物理和毛玻璃材质等细节上填补了 agent 的 taste 盲区。

• 解决 AI agent 在动画缓动、材质效果、字体排版等细节上缺乏品味的问题
• 将 Apple 原生设计概念(mass/stiffness/damping)翻译为 web 生态可用的 spring 参数
• 为审核 AI 生成的 UI 代码提供了可引用的具体标准

• 技能本身是纯文本指令,效果取决于 agent 是否具备遵循指令的能力
• 部分原则(如触觉反馈、additive animations)在 web 平台上无法完全等价实现
• 技能偏向 Apple 审美,可能不适合 Material Design 或其他风格的项目

来源

apple-design: Skills Forged From Apple WWDC's Best Design Insights — MediumEmil Kowalski 发布推文: Apple's WWDC videos are a goldmine of knowledge

截至 2026-07-18