返回评测
代码生成 代码-前端 未饱和 模态 · 代码 任务 · 执行验证

WebDev Arena

两个模型根据相同提示构建网站,通过用户投票比较外观和功能,评测前端开发能力;2026-10-27 榜共 153 个模型、95.2 万票,Claude Opus 5.5 (Max) 以 1810 分居首

LMSYS / Arena (arena.ai) ·

考察能力

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

构建信息

数据规模
动态(用户投票);2026-10-27 快照为 153 个模型、952,039 票
构建方式
众包对比投票
评测方式
Elo 评分(用户投票),bootstrap 给出 ±区间;榜单另给 Rank Spread(名次可能摆动的范围)
核心指标
Elo Rating

资源链接

模型效果排行

🥇 Claude Opus 5.5 (Max) — Anthropic, 3,473 票, $9.01/任务; rank spread 1–11,是唯一上界为第 1 的条目
Elo 1810 (+13/-13) 2026-10
🥈 GPT-6 Astra (Max) — OpenAI, 7,210 票, $9.37/任务; rank spread 2–24
Elo 1773 (+10/-10) 2026-10
🥉 Claude Sonnet 5.5 (xHigh) — Anthropic, 4,469 票, $2.96/任务; 成本只有头名的 32.9%
Elo 1770 (+11/-11) 2026-10
4. Gemini 4 Carbon (High) — Google, 2,230 票, $1.62/任务, 标注 Preliminary(新模型票数尚少); Google 官方称较上代 +89 分
Elo 1768 (+15/-15) 2026-10
5. GPT-6.1 Sol (Max) — OpenAI, 4,092 票, $1.61/任务
Elo 1751 (+11/-11) 2026-10
6. Claude Fable 5.1 (Max) — Anthropic, 8,614 票, $11.38/任务, 全场最贵
Elo 1746 (+9/-9) 2026-10
7. Muse Wonder Full (Max) — Meta, 2,248 票
Elo 1725 (+14/-14) 2026-10
8. Claude Sonnet 5.5 (High) — Anthropic, 6,371 票, $1.25/任务; 同模型 xHigh 档高出 59 分
Elo 1711 (+9/-9) 2026-10

为什么重要

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

构建方式

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

任务示例

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

关键发现

  • 模型的”审美能力”成为关键区分因素
  • 前四名被两家的模型包揽且档位效应明显:Claude Opus 5.5 (Max) 1810 居首,同门 Sonnet 5.5 靠 xHigh 档(1770)挤进第三,比它自己的 High 档(1711)高 59 分
  • 成本与分数几乎脱钩:头名 Opus 5.5 是 $9.01/任务,第 4 名 Gemini 4 Carbon 只要 $1.62(18.0%),第 5 名 GPT-6.1 Sol 只要 $1.61;最贵的 Fable 5.1($11.38)只排第 6

最新进展(2026-10-29 抓取,榜单日 2026-10-27)

本卡上一次记录停在 2025-12 的快照(Claude Sonnet 4 / Gemini 2.5 Pro,只标了名次没标分数),与当前榜覆盖的世代完全不重叠——按惯例,这两个快照不构成连续曲线,旧值仅作时间切片保留在上方描述里,不参与排序。

2026-10-27 榜的读数:

  1. 榜首第一次不是 Anthropic 的 Sonnet 系而是 Opus 系,且 Opus 5.5 的 rank spread 是 1–11——区间上界能到第 1,但下界能掉到第 11,与第 2–4 名(Astra 2–24、Sonnet 5.5 2–24、Carbon 4–26)大面积重叠。前四名之间的 42 分差距不足以支撑名次结论。
  2. Gemini 4 Carbon 是这一轮唯一的新入榜者(2026-10-28 发布,榜上标 Preliminary,2,230 票)。Google 官方博客称其相对上代 +89 分至第 4(1768/1769,两处口径差 1 分),与榜上数值一致。它是前八里最便宜的之一($1.62/任务)。
  3. 开源权重的最好成绩是第 16 名 DeepSeek-V4.1-Flash-20261017(1665,$0.12/任务),其次 MiMo-V2.6-Flash(1637,$0.05)。前 15 名里没有开源权重条目,这与 SWE-bench Verified、Terminal-Bench 上开源条目已在逼近前沿的情况不同——纯前端审美类任务仍是闭源的强项。
  4. “同模型不同档位”在本榜上跨度可达 59 分(Sonnet 5.5 xHigh 1770 vs High 1711),引用时必须带档位。
  5. 全榜 153 个模型、952,039 票;末位 Devstral Medium (2507) 为 1071。头名与末位相差 739 分,但前 8 名内部只差 99 分。

关联基准

不足与展望

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