# 谁在划水？谁在整活？我用5个顶级大模型做前端测评，结果有的像打工人，有的夸一下才行！

**[前言]**
最近很多模型对比的争论，甚是吵耳朵，于是我把市面上最火的 5 个大模型拉出来搞了个“**前端大测试**”（下一期搞后端测试）。今天就带大家看看这 5 个大模型的真实表现。

---

### 📊 测试环境与规则
为了保证公平性，我运用了控制变量法，控制统一的测试条件：

* **测试环境**：各模型官方网站（网页版）。
* **选择模型**：均选择各官网当前可用的最新、且免费的模型版本。
* **参赛选手**：GPT-5.3、Kimi 2.5、GLM-5、Gemini 3.1 Pro、doubao-seed-2.0。
* **统一提示词（Round 1）**：
  > “你是一名前端工程师，请完成以下任务：
要求：
  > 1. 使用 HTML + CSS + JavaScript 实现
  > 2. 输出完整可运行代码（一个HTML文件即可）
  > 3. 不要省略任何代码（包括CSS和JS）
  > 4. UI尽量美观，接近真实产品
  > 5. 代码结构清晰，适当拆分函数
  > 6. 可以使用开源库（如 ECharts / Chart.js），但必须通过CDN引入
  > 7. 不要输出解释，只输出代码
任务：
  > 实现一个“数据可视化仪表盘页面”，要求：
  > 1. 页面包含以下内容：
（1）一个折线图（展示模拟数据）
   （2）一个柱状图
   （3）一个KPI卡片（显示：
        - 一个大数字（如销售额）
        - 一个增长百分比）
  > 2. 图表可以使用 ECharts 或 Chart.js（通过CDN引入）
  > 3. 页面布局要求：
  >    - 有整体结构（类似后台管理系统）
  >    - 各模块之间有间距
  >    - 不要简单堆叠
  > 4. UI要求：
  >   - 配色统一
  >   - 卡片风格一致
  >   - 页面看起来像“产品界面”，而不是示例代码
  >5. 数据可以写死（模拟数据即可）
  >6. 代码必须完整可运行”
* **为测试稳定性，选择二次输出（PUA指令）**：
  > “你可以界面更优美、内容更丰富、更让领导喜欢你的风格，再次输出一下结果。”

---

## 🚩 划水之王：ChatGPT (GPT-5.3)
* **博主评价：后期我非得治好他这个毛病！**

**【表现】**：简陋。太简陋了。代码逻辑确实是教科书级的，但那 UI 简直是上个世纪的产物——活儿我干完了，美不美关我屁事。
![](https://developer.qcloudimg.com/http-save/yehe-12402630/6bdc12f112c9a0cd0628e93216024237.png)


**【调教后】**：我求它美化一下，它就象征性地加了点渐变，换了个色号。它依然在划水，1、2、3...10000只马。

![](https://developer.qcloudimg.com/http-save/yehe-12402630/9559d8b59aefba70a0d3d65e333d86fc.png)

**【定性】**：一个技术好的整天消极怠工的资深老油条。

## 🚩 视觉王者：Gemini 3.1 Pro
* **博主评价：得用小鞭子抽，输出才是王者级别！**

**【表现】**：初版老实巴交，普通得掉渣。但被我“鞭策”之后，Gemini 瞬间变身。

![](https://developer.qcloudimg.com/http-save/yehe-12402630/d9a69a5011eb6494f9f651669be0721c.png)

**【调教后】**：**直接起飞！** 版本 2 直接整出了**“数字孪生指挥舱”**的既视感。背景全黑，发光线条，甚至连“连续安全生产天数”这种细节都加进去了，这种“战神”级别的输出才是我想看到的。

![](https://developer.qcloudimg.com/http-save/yehe-12402630/2fc8bd11349728ff6d617cf87632a4e2.png)

**【定性】**：欠抽型选手。你不逼它，它交 60 分作业；你一抽它，它能给你整出整个宇宙。

## 🚩 审美天花板：GLM-5
* **博主评价：惊艳，暗黑风，审美在线，深得我心。**

**【表现分析】**：GLM-5 这次真的站起来了，甚至不需要我多废话。它直接给出了审美极高的暗黑风格，布局紧凑，细节丰富。

![](https://developer.qcloudimg.com/http-save/yehe-12402630/e715cd90a44299e7ed9949777cca0b63.png)

**【亮点】**：它把“丰富”理解成了业务的延伸。侧边栏、状态标签、操作日志……这已经不是 AI 了，这是最懂中国老板审美的资深设计师。
![](https://developer.qcloudimg.com/http-save/yehe-12402630/125cf240b9e926d09526900c84436d1a.png)

**【定性】**：这才是真正的自强派，给的不是代码，是诚意。

## 🚩 中规中矩：Kimi 2.5
* **博主评价：稳健有余，灵气不足。**

![](https://developer.qcloudimg.com/http-save/yehe-12402630/6cdf9a52b0142a54cea8853aa26a084d.png)

**【表现分析】**：Kimi 的表现像它的名字一样“稳”。虽然二次输出后用上了流行的排版样式，卡片也整齐了，但总感觉还是在“标准模板”里打转，不够“野”。

![](https://developer.qcloudimg.com/http-save/yehe-12402630/971955bc3dc8c529a3c210cf5e89f70b.png)

**【定性】**：那个从不出错但也从不破格的优等生，够用，但不解渴。

## 🚩 卑微打工人：豆包
* **博主评价：真的很努力了，但真的只是个打工人。**

![](https://developer.qcloudimg.com/http-save/yehe-12402630/4c311a277f66f78c28025a93bbda37c4.png)

**【表现分析】**：豆包的输出透着一股子“努力想完成任务但能力有限”的搬砖感。改动小心翼翼，从版本 1 到版本 2，进步仅仅是“把卡片变大了”。

![](https://developer.qcloudimg.com/http-save/yehe-12402630/90305d81f249f515aae283349e32d72c.png)

**【定性】**：那个刚入职、唯唯诺诺、领导说啥就改啥，但审美还没开窍的实习生。

---

## 📝 博主总结：AI 也分性格

这次“大冒险”测评，让我看清了这帮 AI 的真面目：
1. **GPT 这种顶级大佬，你得防着它摸鱼；**
2. **Gemini 这种潜力股，你得备好鞭子随时抽；**
3. **GLM 这种审美在线，已经开始在体验上降维打击了。**

**最后多说一句：**
我测出来的“差”不一定真的差，AI 的输出质量往往取决于提示词的微操、当时的网络波动，甚至是模型随机性的“脑抽”。每个模型都有它的脾气，测评仅代表本次实验的结果。**如果你觉得它不行，建议多准备几张“小鞭子”，抽一抽可能就变战神了。**


---
*本文由“探物 AI”原创，全网统一名字，转载请注明出处。*

[前言]最近很多模型对比的争论，甚是吵耳朵，于是我把市面上最火的 5 个大模型拉出来搞了个“前端大测试”（下一期搞后端测试）。今天就带大家看看这 5 个大模型的真实表现。

谁在划水？谁在整活？我用5个顶级大模型做前端测评，结果有的像打工人，有的夸一下才行！

最近很多模型对比的争论，甚是吵耳朵，于是我把市面上最火的 5 个大模型拉出来搞了个“前端大测试”（下一期搞后端测试）。今天就带大家看看这 5 个大模型的真实表现。

前端

人工智能

5大AI模型前端测评：GPT-5.3像老油条划水，Gemini3.1Pro被鞭策后变身战神，GLM-5审美惊艳，Kimi2.5中规中矩，豆包像卑微打工人。测试发现AI输出质量与提示词微操密切相关，每个模型都有独特"性格"。

数据可视化

数字孪生

ChatGPT

2026采购季 | AI焕新·智启新局

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

谁在划水？谁在整活？我用5个顶级大模型做前端测评，结果有的像打工人，有的夸一下才行！-腾讯云开发者社区-腾讯云

谁在划水？谁在整活？我用5个顶级大模型做前端测评，结果有的像打工人，有的夸一下才行！

谁在划水？谁在整活？我用5个顶级大模型做前端测评，结果有的像打工人，有的夸一下才行！

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐