排行榜

能力评测站内热度

外部权威评测，保留原始分数与来源

综合编程 Agent 与工具推理与知识写作与对话语言行业视觉图像视频

综合编程前端 · React 前端 · HTML 设计稿转代码仓库级修复算法题

设计稿转代码Arena Code：给定截图或设计稿，模型还原为网页，用户对比还原效果后投票。

第 1 名

Claude Opus 5.5MaxAnthropic

设计稿还原偏好

1748.51Arena±30.16

领先第 2 名

+8.46统计并列

能力指纹

网页 React HTML 设计稿

来源

Arena2026-10-09

设计稿转代码排名54

model= /

第一梯队5 个模型与第 1 名在 95% 置信区间内无显著差异，名次先后不代表确定的强弱。

名次模型思考强度设计稿还原偏好· 95% 区间能力指纹价格 / 百万 tokens

01

Claude Opus 5.5

claude-opus-5.5-max

思考强度：Max

1748.51

—

02

Claude Sonnet 5.5

claude-sonnet-5.5-xhigh

思考强度：XHigh

1740.05

—

03

GPT 6 Astra

gpt-6-astra-max

思考强度：Max

1731.39

—

04

Claude Fable 5.1

claude-fable-5.1-max

思考强度：Max

1719.75

—

05

GPT 6.1 Sol

gpt-6.1-sol-max

思考强度：Max

1703.46

—

06

GPT 6 Sol

gpt-6-sol-max

思考强度：Max

1661.34

—

07

Claude Opus 5

claude-opus-5-max

思考强度：Max

1661.09

—

08

Qwen 3.8 Max 0902

qwen3.8-max-0902

思考强度：—

1637.89

—

09

Claude Fable 5

claude-fable-5-high

思考强度：High

1622.48

—

10

Qwen3.8 Max

qwen3.8-max

思考强度：—

1613.66

—

11

DeepSeek V4.1 Flash

deepseek-v4.1-flash-max

思考强度：Max

1608.87

—

12

GPT 5.6 Sol Xhigh (Codex Harness)

gpt-5.6-sol-xhigh (codex-harness)

思考强度：—

1608.17

—

13

Gemini 3.7 Flash

gemini-3.7-flash-high

思考强度：High

1603.34

—

14

Grok 4.6

grok-4.6-high

思考强度：High

1601.19

—

15

Gemini 3.8 Flash

gemini-3.8-flash-high

思考强度：High

1593.07

—

16

GLM 5.3 Flash

glm-5.3-flash

思考强度：—

1580.66

¥0.81

17

Kimi K3

kimi-k3-max

思考强度：Max

1579.17

—

18

Claude Opus 4.7

claude-opus-4-7-high

思考强度：High

1577.80

—

19

Grok 4.7

grok-4.7-xhigh

思考强度：XHigh

1577.34

—

20

Qwen 3.8 27b

qwen3.8-27b

思考强度：—

1576.14

—

有 7 天前的可比快照后显示周变化。