为什么AI写的应用长得都一样?一款免费工具解决这个问题

为什么AI写的应用长得都一样?一款免费工具解决这个问题

你打开一个由AI写出来的网站,再打开另一个同样由AI写出来的网站。是不是感觉很眼熟?字体一样,紫色渐变一样,卡片套卡片的样式也一样。这不是你的错觉。大多数AI模型都是在同一批SaaS界面模板上训练出来的,所以它们总是画出那几种熟悉的样子。一款名为Impeccable(英文意思是"完美无瑕")的新工具本周登上GitHub热门榜首,获得超过73000颗星,号称能解决这个问题。

Impeccable是什么

Impeccable是一套免费、开源的"设计技能包",可以接入你正在使用的AI编程工具,比如Claude Code、Cursor、GitHub Copilot、Gemini CLI等十几种工具。它不会替你画界面,而是像站在AI背后的设计顾问,提醒AI避开那些容易重复犯的设计失误。

AI常犯的设计毛病

根据项目文档,以下是Impeccable专门训练来识别的常见问题:

  • 什么都用Inter字体,或者用Arial这种乏味的默认字体
  • 紫色到蓝色的渐变到处都是
  • 纯黑或没有色调的灰色,灰色文字放在彩色背景上很难读
  • 卡片套卡片,圆角图标块紧贴在标题上方
  • 弹跳式的动画效果,给人过时的感觉
  • 侧边标签边框、暗色光晕、点击区域太小、元素之间挤得太紧

是不是很眼熟?这几乎是现在大量"氛围编程"应用的共同特征,也就是通过和AI聊天来编程,而不是自己动手写代码。

它是怎么工作的

Impeccable运行一套61条完全自动的检测规则,不需要额外调用AI,也不会产生额外费用。开始之前,你先运行一次/impeccable init,让工具记录你产品的背景信息:用户是谁、产品目的是什么、语气风格如何。这些信息会存进一个叫PRODUCT.md的文件里。从那以后,每一个设计指令都会参考你产品的真实背景,而不是照搬通用模板瞎猜。

几个值得注意的指令:

  • /impeccable shape:在动手写代码之前先规划界面
  • /impeccable critique:让AI给刚做好的界面打分,指出哪里显得杂乱、哪里不好理解
  • /impeccable audit:技术检查,比如无障碍访问(视障或听障用户能不能正常使用)、加载速度、手机端显示效果
  • /impeccable polish:交付给真实用户之前的最后一道把关
  • /impeccable colorize、/impeccable typeset、/impeccable layout:分别调整配色、字体和版式

不会编程的人能用吗

可以。只需在项目目录下运行一条安装命令(npx impeccable install),选择你正在用的AI编程工具,再输入/impeccable init就能开始使用。它完全免费,采用Apache 2.0开源协议,没有隐藏费用,也没有付费版本。如果你正打算不写代码就用AI做一个网站,这是让你的产品不至于变成千篇一律的AI应用的最省钱办法。

为什么这件事值得关注

氛围编程让成千上万不会写代码的人也能做出自己的应用。但越多人依赖AI来编程,所有产品长得一模一样的风险就越大,整体体验质量也会随之下降,这正是最近一份关于氛围编程市场的报告曾经警告过的问题。像Impeccable这样的工具,或者直接内置在Claude Code里的设计指导,正是让AI不仅能写出能跑起来的代码,还能做出真正好看、好用的界面所缺的那一块拼图。

#AI #氛围编程 #ClaudeCode #UI设计 #开源

更多文章