做APP的时候,AI生成的界面总差点意思——层级不对、反馈缺失、动效生硬。Emi…

做APP的时候,AI生成的界面总差点意思——层级不对、反馈缺失、动效生硬。Emil Kowalski(Vercel前设计师,现在Linear)搞了一套AI Agent Skills,专门解决这个问题。 GitHub Star接近4万:github.com/emilkowalski/s… 我有个做独立开发的朋友,他之前用AI生成界面,每次都要花大量时间调整设计细节。用了这套Skills后,他说效率提升了不少,生成的界面确实更有苹果原生App的味道。 最实用的几个Skill我挑出来讲讲。 「apple-design」把WWDC设计分享里的原则整理成指导,改善界面层级、反馈和整体连贯性。我试了一下,生成的界面确实比之前好很多,特别是那些交互细节。 「animate」从零设计并实现动画。它会先判断是否有必要加动画,再决定动画目的、实现方式、属性、曲线和时长。不是那种无脑加动效的做法,而是真正考虑用户体验。 「prototype」针对一个UI需求生成多个不同方案,便于比较布局和组件形态。我有个做产品设计的朋友,他说这个功能帮了大忙,以前要花半天时间做方案对比,现在几分钟就能搞定。 「mobile-native」帮助网页在手机上更像原生应用,关注安全区、触控反馈、输入框缩放和移动端视口等细节。我试了一下,生成的移动端页面确实比之前流畅很多。 整套Skills的设计思路很清晰:规则、计算、查表留在代码里,模型只提供可编程的常识判断。不是让AI替代设计师,而是让AI在设计过程中更有品味。 如果你也在用AI做界面设计,可以试试这套Skills。特别是那些对设计品质有要求的场景,用这套Skills能省不少调整时间。
18 浏览 0 评论 0 反应
登录 后参与评论
还没有评论,来抢沙发。
查看完整榜单
查看完整榜单
查看完整榜单