TGViewer
笔记本:Lin's 文字世界 : 个人见闻/B站视频/网络见闻 笔记本:Lin's 文字世界 : 个人见闻/B站视频/网络见闻 @linsbooka · 8.06K subscribers
Post #5242 147
让 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
More from @linsbooka
  1. Oct 10, 2026美国大豆包 be like: Gemini!!!你在干嘛!!!
  2. Oct 9, 2026独库公路巴音布鲁克路段的秋天 Via. https://web.okjike.com/u/CFAAC167-FE92-4FC7-8F5A-950C33FE3058/post/6ac…
  3. Oct 9, 2026Post #5231
  4. Oct 7, 2026Post #5230
  5. Oct 6, 2026天翼云电脑 游戏版 感觉还不错,价格低,性能够用 价格方面,闲鱼搞到四折以后,可以以3.38元买到5小时的时长 性能也算能用。显卡是 Nvinda Grid T4-16Q,性能和…
  6. Oct 6, 2026?复出!
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →