返回评测
代码生成 代码-工程交付 未饱和 模态 · 代码 任务 · 执行验证

WebDev Arena

两个模型根据相同提示构建网站,通过用户投票比较外观和功能,评测前端开发能力

LMSYS ·

考察能力

网站开发 前端设计 HTML/CSS/JS

构建信息

数据规模
动态(用户投票)
构建方式
众包对比投票
评测方式
Elo 评分(用户投票)
核心指标
Elo Rating

资源链接

模型效果排行

🥇 Claude Sonnet 4
Elo #1 2025-12
🥈 Gemini 2.5 Pro
Elo #2 2025-12

为什么重要

WebDev Arena 是 Chatbot Arena 的前端开发版——给两个模型相同的需求描述,它们各自生成网站,用户投票选更好的。是目前最直接的”LLM 做前端”能力评测。

构建方式

  1. 用户在 web.lmarena.ai 提交网站需求
  2. 两个匿名模型各自生成完整网站(HTML/CSS/JS)
  3. 用户对比外观和功能并投票
  4. Elo 评分系统

任务示例

示例:“做一个深色主题的个人博客首页,要有文章列表和侧边栏”

关键发现

  • Claude Sonnet 4 排名第一——在前端设计上有明显优势
  • 模型的”审美能力”成为关键区分因素

关联基准

不足与展望

  • 主要测静态页面,不测交互逻辑和后端
  • 审美偏好因人而异,排名可能不稳定
网站开发 前端 Arena 人类偏好