
背景简介
- 节目/测试背景:这是一场关于顶级大语言模型(LLMs)UI设计能力的硬核评测,填补了传统代码能力测试之外“前端页面审美”评价的空白。
- 测试受访者:一位追求极致页面体验的全栈独立开发者。他在日常工程架构中深度依赖GPT系列,但在前端UI表现层则倾向于寻找更具设计感的模型替代品。
- 测试场景:在线调用四款目前顶尖的AI模型(开源组:Kimik 2.5、Miniaxm 2.5;闭源组:GPT 5.2、Opus 4.6)。通过“老旧落地页重构”、“纯手搓多步表单”、“Figma设计稿1:1看图还原”三大极限场景,进行纯盲测打分与真实API成本核算。
要点速览
- 以往的Terminal Bench和SWE-bench只看重代码逻辑是否跑通,而此次测试直击LLM生成界面的视觉审美能力。
- 开源双雄Miniaxm 2.5与Kimik 2.5不仅UI设计审美在线(自带丝滑微交互),更是将单次生成成本打到了仅需1-2美分的极低区间。
- 闭源王者GPT 5.2虽然在复杂业务架构上表现稳健,但生成的UI依然带有其标志性的“直男方块风”,审美相对保守死板。
- Opus 4.6在所有测试中展现了最顶级的创意排版与组件动画,但单次高达1美元的调用成本注定它只能成为少数高端场景的玩具。
- 在Figma图转代码(Image-to-Code)的终极考验中,所有模型集体翻车,证明当前技术仍无法实现像素级的高优还原。
别再被GPT 5.2的“直男审美”骗了!
你是不是也这样?每次满怀期待地给AI输入一长串神级Prompt,指望它能给你吐出一个苹果官网级别的炫酷网页。结果呢?敲击回车,屏幕上弹出的依然是那个带着浓浓千禧年风格、方方正正、毫无灵气的“老干部”界面。
别怀疑自己,真不是你的提示词写得烂。
今天,我就来扒一扒这背后最核心的真相。我们天天吹爆的那些大模型,骨子里可能真的是一群只懂底层架构的“钢铁直男”。在业界,我们有Terminal bench,有SWE-bench,它们能精准评估AI修Bug、写算法的硬实力。但唯独缺少了一样最直观的东西——这些代码堆砌出来的用户界面,到底美不美?
为了打破这个认知差,我直接拉来了市面上最能打的四位“超大杯”选手进行了一场真刀真枪的厮杀。
开源阵营:Kimik 2.5 和 Miniaxm 2.5。
闭源豪门:GPT 5.2 和 Opus 4.6。
测试规则简单粗暴,不搞虚的。直接扔给它们三个地狱级任务:重构一个丑到辣眼睛的落地页、仅用HTML/CSS/JS手搓多步表单,以及前端工程师的终极噩梦——Figma设计稿1:1像素级还原。
准备好你的下巴,因为接下来的结果,绝对反直觉。
第一局:落地页爆改,开源双雄直接掀桌子
第一项任务是改造一个极其简陋的页面。为了激发它们的潜能,我给它们全员挂载了Anthropic最受欢迎的前端设计技能包(Skill)。
结果一出,我承认我被开源模型惊艳到了。Miniaxm 2.5交出的答卷里,不仅导航栏高级感拉满,连按钮悬停动画都丝滑得像抹了黄油。底部的FAQ甚至自带折叠手风琴交互效果。而Kimik 2.5更狠,直接搞出了大厂风范的排版,给我的感觉甚至有点逼近顶流Opus的水平。这两位兄弟的输出,完全可以直接拉去接外包了。
反观我们每天都在用的GPT 5.2,出来的页面还是那股熟悉的配方——极致的“实用主义方块风”。看一眼就知道是理科生做的,规矩、死板,毫无设计感可言。
当然,如果你真有钱烧,Opus 4.6绝对是目前的审美天花板。它生成的卡片动画、大字号排版,简直就像是高薪聘请的资深UI亲自操刀的。但是,看一眼账单你绝对会瞬间冷静:生成这样一个页面,Opus 4.6直接烧掉了超过1美元!而Miniaxm和Kimik呢?仅仅花了2美分左右!
足足50倍的差价,你品,你细品。
第二局:多步表单,怎么一股“AI味”?
前端人都知道,多步表单是最容易写出Bug、也最考验细节的重灾区。我要求它们在不依赖外部框架的前提下,在单个HTML文件里把这事干明白。
这一次,Miniaxm依然稳如老狗,表单流转极其顺畅,邮箱和套餐选择界面清爽干净。Kimik也很漂亮,但我总觉得它生成的东西有点用力过猛,带着一股掩盖不住的“AI生成味”。
而刚才还在被群嘲的GPT 5.2,在这里反而打了一次翻身仗。它的界面虽然依然有些直男,但在业务流转上严丝合缝,信用卡输入框这种细节处理得让人极度舒适。
这时候底层逻辑就呼之欲出了:GPT 5.2生来就是干苦力的,你用它搭架构、写业务逻辑绝对无敌。等逻辑跑通了,再换其他审美在线的模型去“化妆”换皮,这才是高级玩家该有的工作流。
终局之战:看图写代码,全员惨遭滑铁卢
最后,放出大招:直接丢一张Figma的设计原图给它们,外加几张占位图素材,要求一模一样地还原出来。
在这个被称为“Image-to-Code”的修罗场里,所谓的顶尖大模型,无一例外,全、部、翻、车。
Miniaxm只做出了个大概的壳子,距离原图相差甚远。Kimik连背景图的逻辑都没搞对,直接出现了视觉Bug。高贵的Opus 4.6虽然拼命想模仿出原图的组件感觉,但依然是个半成品。
最让人哭笑不得的是GPT 5.2。这哥们一看原图太难,干脆破罐子破摔,直接用自己标志性的“圆润方块风”魔改出了一个完全不同的页面交差。好笑的是,如果抛开还原度不谈,它原创的这个页面竟然是这几个翻车作品里看着最顺眼的一个。
只能说,在让AI直接看图1:1写代码这件事上,我们离真正的工业级可用,依然有一段艰难的爬坡期。
别被单一模型的“光环”绑架了你的生产力
这顿真金白银的盲测下来,未来的风向标已经无比清晰。
不要再对某一个神级模型抱有不切实际的“全能幻想”。真正的高手,是把大模型当做工具箱,而不是神明。 我现在的标配套路是:用GPT 5.3这类极其务实、逻辑严密的模型去打底层架构和功能地基;当遇到需要精美前端表现层的地方,果断切换到审美在线的Opus 4.6;如果你预算有限或者需要高频调用,那Kimik 2.5和Miniaxm 2.5绝对是你提升ROI的最佳平替。毕竟,在只要1美分就能拿到80分设计效果的时候,谁还会去当那1美元的冤大头呢?
AI不会直接抢走你的饭碗,但那些懂得“看菜下碟”、组合使用各种AI的“缝合怪”玩家,一定会把你卷出局。