终于出现了一款能够深度复刻 Apple 设计风格的 AI Skill。
Apple 的视觉体验之所以舒适，不仅源于圆角与毛玻璃效果，更在于细腻的交互细节：按钮按下的反馈、卡片飞出的自然惯性、以及动画中途的可中断性。
优质的界面如同可控制的真实物体，而劣质界面则像预设的视频播放。近期，Design Engineer Emil Kowalski 开源了apple-design Skill，该项目不仅还原了 Apple 的视觉表皮，更将上述动画细节融入其中，让生成的界面具备真实的“手感”。
开源项目简介
该项目名为emilkowalski/skills，目前在 GitHub 上已获得约 10.5k Star。作者 Emil Kowalski 深耕动画、界面细节及设计工程领域。
这是一组专为 AI Agent 设计的设计经验技能库。在界面编写、动画审查及交互优化过程中，Agent 可依据这些技能判断缺陷并提供改进方案。
地址：https://github.com/emilkowalski/skillsApple Skill 原文：https://github.com/emilkowalski/skills/blob/main/skills/apple-design/SKILL.md
仓库包含多个设计工程相关 Skill：
-
emil-design-eng：涵盖整体设计工程经验。 -
review-animations：专门用于审查动画质量。 -
improve-animations：系统性优化项目动效。 -
apple-design：将 Apple 设计原则与流体交互转化为 Web 开发落地方案。
本文重点介绍apple-design。其核心理念源自 Apple WWDC 设计演讲，涵盖流体界面、音频触觉反馈、字体细节及伟大设计原则等内容。作者将这些经验提炼为 17 条设计与动效原则，并转换为 Web 端可执行的代码规范。
应用该 Skill 生成的 UI 界面效果如下：
核心设计理念
1. 界面随动作而生
不追求花哨的动画，而是确保界面始终可控。无论是按钮按下、拖动还是释放，均需具备细腻的交互反馈。例如底部弹层应紧贴手指移动；上甩时顺应惯性打开；下拉时提供阻尼感而非生硬卡死；在动画进行中再次操作时，应立即响应用户手势而非等待旧动画结束。这种“可打断性”是apple-design反复强调的重点。
2. 材质与层级
Apple 风格不仅限于动效，还包括材质表现。导航栏、工具栏等浮动区域利用backdrop-filter实现半透明效果，但需避免过度堆叠导致视觉混乱。大表面采用强模糊与阴影，小控件则保持轻量。聚焦时使用遮罩压低背景，非打断流程时则通过偏移和透明度保留空间关系。
3. 字体排印
大标题与正文不应共用同一套字距设置。大字需收紧字距，小字则优先保障可读性。行高需随字号动态调整，仅靠放大字号无法构建有效的视觉层级。
综上所述，该 Skill 旨在赋予 AI 界面判断力，使其既懂得如何实现动画，又理解界面舒适的底层逻辑。
使用方式
安装步骤简单，执行以下命令即可：
npx skills@latest add emilkowalski/skills安装完成后，可在界面开发中调用apple-design。以下是几种典型应用场景：
构建原生体验组件：
提示词示例：“使用apple-design构建一个底部弹窗，使其在触屏设备上具备原生体验。”
审查现有交互：
提示词示例：“使用apple-design审查此页面中的弹窗、抽屉及按钮交互。重点关注响应速度、可中断性、手势灵敏度、弹簧行为及减少动态效果模式。”
优化物理质感：
提示词示例：“使用apple-design优化卡片拖拽交互，增强物理感。要求实现 1:1 指针跟随，保留释放时的速度预测与惯性动量，并在边界处呈现橡皮筋回弹效果。”