UI UX Pro Max:给 AI 配一套能查询的设计经验库
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
UI UX Pro Max 本质上是一套可以搜索的本地 UI/UX 资料库。里面整理了 84 种界面风格、192 套配色、74 组字体搭配、98 条 UX 规则和 25 种图表建议,还针对 React、Next.js、Vue、Flutter、Tailwind 等 22 种技术栈准备了不同的实现指南。
数字很多,但我觉得真正有用的不是资料数量,而是它让 AI 做网页时有了一套比较明确的顺序。先判断产品类型、使用人群、页面风格和技术栈,再生成设计系统,最后才开始写代码。做完以后,还会按照可访问性、交互、性能、响应式布局、字体颜色、动画、表单和导航等项目检查一遍。
对我这种没有系统学过设计的业余玩家来说,这一点很实用。平时让 AI 做页面,最难的往往不是代码写不出来,而是不知道该怎么提要求。页面做出来以后,明明觉得不太对,也说不清到底哪里有问题。
UI UX Pro Max 可以把这些模糊感觉变成具体检查项。比如文字对比度是否够,按钮触控区域有没有达到 44×44 像素,小屏幕会不会横向滚动,键盘操作时焦点是否可见,动画有没有照顾“减少动态效果”的系统设置。这些细节平时很容易漏掉,却直接影响页面好不好用。
它还有一个设计系统生成功能,可以根据“产品类型+行业+风格关键词”给出页面结构、配色、字体、动效和需要避开的套路。生成结果还可以保存到项目里,后面做其他页面时继续沿用,不至于每一页都换一种风格。
当然,它不能代替设计师。资料库给出的是规则和参考,最后还是要结合实际内容来判断。但把它当成 AI 的设计顾问和交付前检查表,已经很有价值。至少下一次看到一个“能运行但总觉得不对”的网页时,可以让 AI 认真查一遍,而不是只会建议换成蓝紫渐变。