01 FRONTEND CODE ARENA

开源模型首登
Frontend 榜首：
Kimi K3

Arena 1679 分压过 Fable 5 与 GPT-5.6 Sol。2.8T 参数、1M 上下文、权重即将开源——前端 Agent 的部署争论正式开场。

#1 · 1679 6/7 子域第一 $0.30 缓存命中 2026-07-17

02 OUTCOME

先报数字：开源前端交付拿到话事权

1679

Arena Score

领先 Fable 5
48 分

6/7

子域第一

仅 Gaming
输给 Fable 5

2.8T

参数规模

首个开源
3T 量级模型

$0.30

缓存命中/MTok

冷缓存 $3
输出 $15

设计约束

→

Kimi K3

→

截图进环

→

修订交付

→

可评审 PR

03 PAIN

周五要可点的页面，卡在三连击

BEFORE

前端 Agent 难规模化

闭源审美稳，但长会话账单难控
开源便宜，版式常像 2018
改完靠人肉贴截图再改
仓库尺度上下文塞不进或烧穿预算

AFTER

视觉闭环可立项

真人偏好榜验证交付感
原生视觉支持截图回灌
1M 上下文扛住设计系统
缓存命中把单位成本压进可规模化区间

04 DEFINITION

K3 是开源 3T 级工程 Agent，不是全能替代品

SCALE

2.8T · 1M

首个开源 3T 量级；权重计划 2026-07-27 放出

ARCH

KDA + AttnRes

长序列更省；MoE 896 专家激活 16 个

HOME FIELD

视觉闭环编码

截图、日志、测试、运行态进决策环

NOT

不是全面碾压

官方承认综合仍落后 Fable 5 / GPT-5.6

NOT

不是静态刷榜机

Arena 是真人偏好前端交付榜

IS

可自托管大脑

API 先试点，权重到位再私有化

05 WHY NOW

立项只认三条：证据 · 账单 · 出路

公开证据

Arena 1679；六子域第一。偏好榜比自家 PPT 可信。

单位经济

缓存命中 $0.30/MTok；编码场景官方称命中率可超 90%。

部署自由度

API / Kimi Code 先跑；7/27 后跟踪自托管与 vLLM。

场景	默认模型	旁路
营销页 / 看板 / 设计还原	Kimi K3	—
截图修订闭环	Kimi K3	—
游戏向强交互	Claude Fable 5	K3 备选
综合推理压测	闭源旗舰	K3 对照

06 LEADERBOARD

Frontend Code Arena：差距很窄，意义很大

Kimi K3

1679

Claude Fable 5

1631

GPT-5.6 Sol

1618

GLM-5.2

1587

Grok-4.5

1558

读榜口径

衡量的是真人偏好的前端交付，不是算法刷题
开源模型首次登顶该榜
赢 Brand / Dashboard / Design 等六域
Gaming 仍是 Fable 5 主场
综合能力官方仍自称第二梯队

07 ARCHITECTURE

落地拓扑：把截图进环做成主路径

输入层

产品需求

设计系统前缀

组件与构建约定

决策核 · Kimi K3

编排层 · Claude Code / 自研

生成 · 改代码 · 工具调用

Vision · 截图反馈再决策

护栏

稳定前缀缓存

费用告警

模型路由旁路

写代码

→

本地预览

→

截图

→

Vision 回传

→

修订 PR

08 SETUP

三入口 + 一条 API：本周就能跑通

kimi.com / App

日常对话，默认 Max 思考

Kimi Work ≥3.1

知识工作 · Widgets · Dashboard

Kimi Code

终端 /model 切到 K3

OpenAI 兼容调用

base_url = https://api.moonshot.ai/v1
model = kimi-k3
reasoning_effort = max
勿传 temperature / top_p

硬约束

多轮回传完整 assistant message
视觉用 base64 或 ms://file_id
默认 max_completion_tokens=131072
Web Search 近期不建议上生产

09 PRACTICE

实战四步：营销页视觉闭环

1

固定前缀

设计系统、组件约定、构建命令写入不变 system prompt

2

首轮生成

Hero + 三栏卖点 + CTA；单文件 HTML；移动端可滚

3

截图修订

预览截图 Vision 回传；只改布局间距，不重写文案

4

账单抽检

同前缀连问 3 次；确认缓存从 $3 档掉到 $0.30 档

没有截图进环，榜上的前端优势用不满。

很多团队缺的不是更强模型，是把预览截图自动塞回消息的那 50 行胶水代码。

10 INSIGHTS

三条洞见：别被截图新闻带跑

01

交付感 ≠ 全能

Arena 第一证明前端偏好可信。Gaming 与综合基准仍要按任务路由，别按标题选型。

02

争论转向部署

能力差压到可辩论区间后，下一题是合规、私有化、推理栈与前缀缓存。

03

护城河在胶水

截图进环 + 稳定前缀缓存，才是前端 Agent 下周还能用的东西。

11 NEXT

本周口令：先跑通一条视觉闭环

1

申请 Key

跑通 model=kimi-k3

2

真实页面试点

生成 → 截图 → 两轮修订

3

查缓存账单

确认命中从冷到热

4

写路由规则

前端默认 K3，特种走旁路

1679 分是入场券。

截图进环和缓存命中，才是你下周还能用的东西。别只转发榜单——去接一个真页面。

开源模型首登Frontend 榜首：Kimi K3