让 AI 做界面更有设计品味:Emil Kowalski 的 Skills
做 App 时一个叫 Apple Design 的 Skill,实践效果很好:界面简单克制,很有苹果原生 App 的味道。它把 Apple WWDC 设计分享中的界面与动效原则整理成指导,帮助改善信息层级、操作反馈和整体连贯性。
Apple Design 来自 Emil Kowalski 整理的一组 AI Agent Skills。他曾在 Vercel 工作,现在是 Linear 的设计师。这套 Skills 关注 AI 做界面时的“设计品味”,尤其是动画选择、交互细节和视觉打磨。按这次分享中的数据,项目 GitHub Star 已接近 4 万,里面还有不少适合不同开发阶段的工具。
开发新界面时,emil-design-eng 可以作为总体设计指导,统筹 UI 质感、组件设计、动画选择和交互细节。设计方向还没确定,可以用 prototype 生成多个原型方案,比较布局与组件形态;挑选组件库时,pick-ui-library 会根据需求选择合适的库,减少复杂组件的重复开发,也关注依赖的维护状况。
动效相关的 Skills 分工很细。animate 负责从零设计并实现动画,先判断是否需要,再确定目的、实现方式、动画属性、曲线和时长,适合弹窗、抽屉和按钮反馈。find-animation-opportunities 则先检查界面,寻找能帮助用户理解操作反馈和状态变化的动画机会,同时判断哪些地方应该保持静止。
动画做完后,review-animations 可以专项检查:动效是否多余、速度是否拖沓、缓动是否合适,以及是否考虑了减少动态效果的需求。接手已有项目、想系统提升动效质量时,improve-animations 会检查整个项目的动画,整理成可执行的改进建议。
移动端也有对应的工具。mobile-native 关注网页在手机上的原生应用体验,包括安全区、触控反馈、输入框缩放和移动端视口。做 Swift 开发时,write-swift 覆盖值类型、并发、泛型、性能和测试等工程实践,可以用于代码编写与整理。
#AI工具 #AgentSkills #界面设计 #交互动效 #AppleDesign source
Post #5242
147
