做APP界面的时候,AI生成的界面总感觉差点意思——层级不够清晰、动画生硬、整体…

会飞的荧 @feitu
做APP界面的时候,AI生成的界面总感觉差点意思——层级不够清晰、动画生硬、整体缺乏连贯性。 最近发现一个叫Apple Design的Skill,专门解决这个问题。它把Apple WWDC设计分享里的界面与动效原则整理成了一套指导规范,让AI在做界面时能更有"设计品味"。 这个Skill的作者是Emil Kowalski,之前在Vercel做设计师,现在在Linear。他整理了一组AI Agent Skills,Apple Design只是其中一个,目的是让AI做界面时能更像苹果原生App的感觉。 实测下来,用这个Skill生成的界面,确实简单克制、很有苹果原生App的味道。特别是在动画选择、交互细节和视觉打磨方面,比之前用纯提示词生成的界面好了一个档次。 除了Apple Design,这个项目里还有好几个实用的Skill: animate:专门做动画。会先判断是否有必要加动画,再决定动画目的、实现方式、属性、曲线和时长。适合弹窗、抽屉、按钮反馈等动效。 review-animations:检查已有动画是否合理,比如是否多余、速度是否拖沓、缓动是否合适。适合动画完成后的专项评审。 improve-animations:检查整个项目的动画,整理出可执行的改进建议。适合接手已有项目、想系统提升动效质量时使用。 find-animation-opportunities:判断界面上哪些地方值得增加动画,哪些地方不应该动。重点不是"多加动画",而是让动效真正帮助用户理解操作反馈或界面状态。 prototype:针对一个UI需求生成多个不同方案,便于比较布局和组件形态。适合设计方向还不确定时使用。 mobile-native:帮助网页在手机上更像原生应用,关注安全区、触控反馈、输入框缩放和移动端视口等细节。 pick-ui-library:根据需求挑选合适的组件库,避免不必要地手写复杂组件,或引入维护状况不佳的依赖。 项目地址:github.com/emilkowalski/s… 这个项目的GitHub Star数接近4万,说明社区对这类设计指导型Skill的需求确实很大。对于用AI做界面的开发者来说,这些Skill能省下不少调优的时间。
话题来源 @pengchujin ❤️1303 x.com/…↗ 已改写,非原文转载
23 浏览 0 评论 0 反应
登录 后参与评论
还没有评论,来抢沙发。
查看完整榜单
查看完整榜单
查看完整榜单