我爽了,我的UI终于脱离AI味了。
AI 写代码已经够快了,但写出来的页面……怎么说呢,总透着一股 AI 味。紫色渐变、Inter 字体、三列等大卡片,看多了你一眼就能认出来,这是 AI 写的。
AI时代,开始比拼UI的品味能力了,非常稀缺。
今天推荐taste-skill 这个项目,已经14k stars了,干的事有点意思:它不写代码,它把排版、配色、字体、动效的设计规则全写成 SKILL.md,塞给 AI。相当于给 AI 配了个免费的艺术总监。
仓库表面是十几套 SKILL.md 文件,实际在做一件事:把审美变成规则。外面还在卷 AI 写代码多快,它在卷 AI 写的页面能不能不像 AI。
DESIGN_VARIANCE、MOTION_INTENSITY、VISUAL_DENSITY,数值一调整个页面气质就换了,跟调相机参数似的,同一个场景,不同参数出来完全不同。
它有三层做法:
>读意图,自己推断你要什么风格。极简、奢侈、粗野,十几套自动匹配
>选底座,该 Tailwind 就 Tailwind,该 Material 就 Material,不自己瞎造
>禁 AI 默认审美,紫色渐变、居中 Hero、三列等大卡片,全禁
我拿自己的AIGC产品跑了一遍。原来的页面代码不动,就加了一行 SKILL.md 进去,让 AI 按它的规则重新迭代,出来的页面焕然一新。不是重写,是同一个代码底子被审美规则过了一遍。
实操很简单,就两步:
装 skill:npx skills add --skill design-taste-frontend
然后把你现有的页面丢给 AI,加一句:按 taste-skill 规则迭代 UI。它自动读你的代码,出诊断,改字体、配色、间距、动效,不动你的功能逻辑。
搞独立开发的、做 landing page 的,这个skill太重要了!
显示更多