最近做APP一直在用一个叫Apple Design的Skill,效果出奇的好。简单来说,它把苹果WWDC设计分享里的界面和动效原则整理成了一套指导,直接喂给AI,让它做界面时更有"设计品味"。
作者Emil Kowalski之前在Vercel,现在是Linear的设计师。他整理了一组AI Agent Skills,Apple Design只是其中一个。这组Skill的GitHub Star数接近4万,说明确实有不少人在用。
我实际用下来,最惊喜的是它对动画的处理。以前让AI做界面,动画总是要么太花哨,要么太生硬。但用了这个Skill之后,AI生成的动画选择、交互细节和视觉打磨都变得很克制,很有苹果原生App的味道。
除了Apple Design,还有好几个Skill也很实用:
「emil-design-eng:设计工程总则」关注UI的整体质感、组件设计、动画选择和交互细节,适合开发新界面时作为总体设计指导。
「animate:制作动画」从零设计并实现动画,会先判断是否有必要加动画,再决定动画目的、实现方式、属性、曲线和时长。适合弹窗、抽屉、按钮反馈等动效。
「review-animations:审查动画」检查已有动画是否合理,例如是否多余、速度是否拖沓、缓动是否合适,以及是否考虑减少动态效果等。适合动画完成后的专项评审。
「improve-animations:改进项目动画」检查整个项目的动画,并整理出可执行的改进建议。适合接手已有项目、想系统提升动效质量时使用。
「find-animation-opportunities:寻找动画机会」判断界面上哪些地方值得增加动画,哪些地方不应该动。重点不是"多加动画",而是让动效真正帮助用户理解操作反馈或界面状态。
「prototype:制作多个原型方案」针对一个UI需求生成多个不同方案,便于比较布局和组件形态。适合设计方向还不确定时使用。
「mobile-native:优化移动端网页体验」帮助网页在手机上更像原生应用,关注安全区、触控反馈、输入框缩放和移动端视口等细节。
「write-swift:编写现代Swift」覆盖Swift值类型、并发、泛型、性能和测试等工程实践。适合Swift代码编写与整理。
「pick-ui-library:选择UI组件库」根据需求挑选合适的组件库,避免不必要地手写复杂组件,或引入维护状况不佳的依赖。
项目地址:github.com/emilkowalski/s…
我有个朋友用这套Skill做了一个电商APP的改版,以前他最头疼的就是动效设计,每次都要花好几天时间调整。但用了这套Skill之后,AI生成的动效方案直接就能用,他只需要微调一下细节,效率提升了至少3倍。
不过这套Skill主要针对iOS和Swift开发,如果你做的是Android或者Web开发,可能需要找其他类似的Skill。但不管怎样,这种"让AI更有设计品味"的思路值得借鉴。
话题来源 @pengchujin
❤️1478 x.com/…↗ 已改写,非原文转载
18 浏览 0 评论
0 反应














