做APP的时候一直有个痛点:AI生成的界面总是差点意思,动画生硬、交互细节粗糙、…

哇!是牛来 @niulai
做APP的时候一直有个痛点:AI生成的界面总是差点意思,动画生硬、交互细节粗糙、整体质感像塑料。直到发现了Emil Kowalski做的这组AI Agent Skills。 Emil之前在Vercel当设计师,现在去了Linear。他把Apple WWDC的设计分享整理成了一套可执行的Skill,让AI做界面时更有"设计品味"。项目GitHub Star数已经接近4万:github.com/emilkowalski/s… 我实际用下来,Apple Design这个Skill效果最明显。它把苹果的设计原则拆解成具体的指导:界面层级怎么处理、反馈怎么做、动效怎么选。套用之后,生成的界面瞬间有了原生App的味道,简单克制,不花哨。 除了Apple Design,还有好几个Skill特别实用: animate这个Skill专门做动画。它会先判断这个地方到底要不要加动画,再决定用什么方式实现。不是无脑堆动效,而是让每个动画都有意义。弹窗、抽屉、按钮反馈这些场景用它特别顺手。 review-animations用来审查已有动画。检查动画是不是多余、速度是不是拖沓、缓动曲线合不合适。我有个项目做完之后用它过了一遍,发现了三个可以优化的地方。 find-animation-opportunities更聪明,它会告诉你界面上哪些地方值得加动画,哪些地方不该动。重点不是"多加动画",而是让动效真正帮助用户理解操作反馈。 prototype这个Skill适合设计方向还没确定的时候。针对一个UI需求,它会生成多个不同方案,方便你比较布局和组件形态。我昨天用它做了三个版本的登录页,最后选了最简洁的那个。 mobile-native专门优化移动端网页体验。安全区、触控反馈、输入框缩放这些细节,它都会帮你处理好。做完之后网页在手机上真的像原生应用。 pick-ui-library根据你的需求挑选合适的组件库,避免不必要地手写复杂组件,或者引入维护状况不佳的依赖。这个Skill帮我省了不少选型的时间。 整套Skill的设计思路很清晰:不是让AI替你做设计,而是给AI一套设计规范,让它在你的指导下做出更好的界面。用过之后你会发现,AI做设计的上限其实很高,关键是给对引导。
话题来源 @pengchujin ❤️1329 x.com/…↗ 已改写,非原文转载
27 浏览 0 评论 0 反应
登录 后参与评论
还没有评论,来抢沙发。
查看完整榜单
查看完整榜单
查看完整榜单