1. 模型
  2. Anthropic
  3. Claude Arena Frontend Rankings
a
@arenaX · 2026年7月2日

Claude Arena Frontend Rankings

@arena 的这张排行榜在 X 上获得 9.5万 浏览,是其帖子中位数的 2.1 倍,在我们收录的 1,162 条 AI 图表帖中浏览排第 390。读取于2026年10月12日。

Claude Sonnet 5 ranked #6 in frontend arena

X数据排行榜Claude Sonnet 4Anthropic 全部模型Claude Opus 4.7Claude Opus 4.6GLM-5.1Claude Fable 5 (High)GLM-5.2 (Max)Claude Opus 4.7 (Thinking)Claude Sonnet 5 (Thinking)Claude Opus 4.6 (Thinking)
发布者 @arena 于 X, 2026年7月2日. 来源: x.com
70/ 100

ViralChart 评分

传得远,也打动人

浏览和互动率都高于中位数帖子:传得远,大家也有反应。

#229 / 1,162 我们收录的 AI 图表帖 · #31 / 239 @arena 的帖子. 评分 = 浏览 40%、赞 30%、互动率 15%、收藏率 15%,每项都按我们收录的全部 AI 图表帖计算百分位。

我们的解读

这条帖子落在传得远,也打动人象限,得分在1162条AI图表帖中排第229。

综合得分70,在1162条AI图表帖中排第229,在@arena的239条帖子中排第31。

收藏率0.13%,处于AI图表帖第76百分位,高于该类中位数0.076%。

当天@arena共发2条帖子,这条按浏览量在2条中排第1。

前 24%收藏率

0.135% 的浏览者收藏了它,打算回头再看。中位数帖子是 0.076%。

2@arena 当天的帖子数

2026年7月2日 连发的 2 条帖子之一,当天浏览排第 1。

0.41每个粉丝带来的浏览

23.4万 粉丝的账号,带来 9.5万 浏览。

2.1x@arena 帖子中位数的倍数

9.5万 浏览,而 @arena 一条典型帖子是 4.6万。

X 公开数据,读取于2026年10月12日。对比对象:1,162 条我们收录的 AI 图表帖,以及 @arena 的 239 条。

它的位置

传播范围对比打动程度

每个点是一条帖子。越往右浏览越多,越往上互动率越高。两条线是中位数,四个角就是四种帖子。

在 1,162 条我们收录的 AI 图表帖中

评分 #229 / 1,162

浏览9.5万#390前 34%
赞777#313前 27%
互动率0.95%#360前 31%
收藏率0.135%#276前 24%

在 @arena 的 239 条帖子中

评分 #31 / 239

浏览9.5万#76前 32%
赞777#49前 20%
互动率0.95%#58前 24%
收藏率0.135%#35前 14%

增长

目前只读取过一次

浏览9.5万
读取时发布天数102 天
平均每天浏览928浏览除以发布以来的天数

圆点是我们的读取。从发布当天到第一次读取之间的虚线是空档,不是数据。

@arena 的帖子随时间变化

我们收录的这个账号的每条帖子,按日期和浏览排列。标出的是这一条,线是最近 10 条的滚动中位数。

新闻 · 2026年7月2日

@arena发布Claude前端排行榜

Claude Sonnet 5在榜单中排第6,帖子浏览量9.5万,点赞777。

发生了什么

2026年7月2日,@arena发布1张Claude Arena Frontend Rankings排行榜图表,展示19个模型。当天该账号共发2条帖子,另一条是Claude Sonnet 5 vs 4.6 Category Rankings。

数字

帖子浏览量9.5万,在1162条AI图表帖中排第390,高于该类中位数4万。得分70,在1162条AI图表帖中排第229,在@arena的239条帖子中排第31。

经验

收藏率0.13%,处于AI图表帖第76百分位,高于该类中位数0.076%。这张排行榜展示19个模型,读者把它存下来用于引用。

意味着什么

在@arena的239条帖子中排第31,得分70,高于该账号多数帖子。收藏率0.13%高于AI图表帖中位数0.076%,说明排行榜形式带来的收藏表现稳定。

由 ViralChart 根据2026年10月12日读取的公开数字撰写,每个数字展示前都与我们的数据核对过。

数据与 API

从这张图读出 25 个数据点

从图片估算 78%
系列分组数值读取方式
1 Claude Fable 5 (High)*1653图上印着
2 GLM-5.2 (Max)1584估读
3 Claude Opus 4.8 (Thinking)1561图上印着
4 Claude Opus 4.7 (Thinking)1559图上印着
5 Claude Opus 4.71557图上印着
6 Claude Sonnet 5 (Thinking)1551图上印着
7 Claude Opus 4.6 (Thinking)1542图上印着
8 Seed-2.1 Pro1539图上印着
9 Claude Opus 4.81535.5图上印着
10 Claude Opus 4.61535.5图上印着
11 Qwen-3.7 Max1526图上印着
12 GLM-5.11523估读

显示 25 个中的 12 个。 全部数据点、重绘和制作器

Max 方案 · API

GET https://viral-chart.com/api/posts/30d621526f09.json
GET https://viral-chart.com/api/charts/30d621526f09.json
GET https://viral-chart.com/api/charts/30d621526f09.skill.md

原型里是静态文件。帖子 JSON 包含公开数字、排名、评分、象限、我们的读取记录,以及通过核对的文案。

API · Max

用 API 调用这张图

Max 套餐可以取这张图的数字(每个数字都带来源),格式为 JSON 或 CSV,附重画规格;也可以让智能体通过 MCP 调用。图表 id:30d621526f09。

路径返回套餐
GET/api/v1/charts/30d621526f09标题、发布者、日期、图型、数据点数;用 Max 密钥时附数据链接开放
GET/api/v1/charts/30d621526f09/data每个数据点及其来源和置信度,加上重画规格。加 ?format=csv 得到 CSVMax
GET/api/v1/charts/30d621526f09/render?view=1本页使用的只读绘图视图开放
POST/mcp工具 get_chart_data 加这个 id,供 Claude、Cursor 等智能体使用Max
curlMax
curl -s https://viral-chart.com/api/v1/charts/30d621526f09/data \
  -H "Authorization: Bearer $VIRALCHART_KEY"
Claude CodeMax
claude mcp add --transport http viralchart https://viral-chart.com/mcp \
  --header "Authorization: Bearer $VIRALCHART_KEY"

每个密钥每分钟 60 次,超出返回 429 和 Retry-After。每个账号最多 5 个密钥,在账户页创建,只显示一次。没有 Max 时数据接口返回 402,并附套餐链接。这些数字描述的是发布者拥有的图,每个文件都带授权说明。

更多关于 Claude Sonnet 4 的图

Anthropic 的更多图

常见问题

这张图从哪里来?

@arena于2026年7月2日在 X(x.com)发布了它。我们把它留在这里,并以文字注明发布者和日期,方便你不离开本站就能研究。

我能做一张这样的图吗?

用格式,不用原图。打开它的数据页,用“做一张这样的图”:从这张图的数字起步,换成你的。