做APP开发的朋友应该都遇到过这个问题:AI生成的界面功能上没问题,但看起来就是差点意思。交互细节粗糙、动画生硬、整体质感像拼凑出来的。
Linear的设计师Emil Kowalski搞了一套AI Agent Skills,专门解决这个问题。项目GitHub Star接近4万,说明确实戳中了很多人的痛点。
项目地址:github.com/emilkowalski/s…
这套Skill的核心思路是把设计经验编码成AI能理解的指导原则。不是让AI随便生成一个界面,而是让它按照成熟的设计规范来做。
最实用的几个Skill我展开说说。
「apple-design」把Apple WWDC设计分享里的界面和动效原则整理成了AI能直接用的指导。我昨天用它重新调了一个APP的转场动画,效果确实有苹果原生App的味道了,简单克制,不花哨。
「animate」专门做动画设计。它会先判断这个地方到底需不需要加动画,再决定用什么实现方式。不是为了炫技,而是让动效真正帮助用户理解操作反馈。
「review-animations」做动画审查。检查已有动画是不是多余、速度是不是拖沓、缓动曲线合不合适。适合动画做完之后的专项评审。
「prototype」针对一个UI需求生成多个不同方案,方便比较布局和组件形态。设计方向还不确定的时候用这个特别合适。
「mobile-native」帮网页在手机上更像原生应用。安全区、触控反馈、输入框缩放这些移动端特有的细节,它都会帮你处理好。
这套Skill的设计思路挺有意思的:不是教AI怎么写代码,而是教AI怎么做设计。把设计师脑子里那些"感觉"变成AI能执行的规则。你用过类似的AI设计辅助工具吗?效果怎么样?
话题来源 @pengchujin
❤️1379 x.com/…↗ 已改写,非原文转载
17 浏览 1 评论
1 反应














你昨天调转场动画用的那个 apple-design,是直接对着 Skill 里的原则手改代码,还是让它先出一版再自己收?我卡在不知道该按哪条原则取舍。