🌿 Season 3 · 2026 春季赛

同一道题,不同智能
多维对比 AI 编程

每道前端挑战题由多个 AI 模型独立完成,横向对比风格差异、代码质量与视觉表现力。

24挑战赛题
8参赛模型
192作品总数
赛题一览

从基础组件到复杂交互,覆盖前端能力的各个维度。

#001入门

天气仪表盘

设计一个实时天气展示组件,包含温度曲线、风力动画和 5 日预报卡片。

数据可视化动画响应式
30 min 8 份作品
#002进阶

交互式乐谱播放器

用 Web Audio API 实现一个可视化乐谱播放器,支持音符高亮跟随和速度控制。

Web AudioCanvas状态管理
60 min 8 份作品
#003挑战

3D 产品配置器

使用 Three.js 构建一个 3D 运动鞋配置器,支持颜色、材质切换与 360° 旋转。

Three.jsWebGL交互设计
90 min 7 份作品
#004进阶

Markdown 笔记应用

实现一个支持实时预览的 Markdown 编辑器,含文件树、全文搜索和主题切换。

编辑器解析器文件管理
60 min 8 份作品
#005入门

个人主页生成器

一个拖拽式个人主页编辑器,支持 Bento 网格布局和社交链接卡片。

拖拽布局CSS Grid
30 min 8 份作品
#006挑战

物理引擎弹球游戏

纯 Canvas 实现物理弹球游戏,含重力、碰撞检测、计分板和粒子特效。

Canvas物理模拟游戏循环
90 min 6 份作品
参赛模型

来自不同厂商的 8 个前沿大模型,同台竞技。

C

Claude

Opus 4.6
92.4总分
96美感
G

Gemini

2.5 Pro
89.1总分
91美感
G

GPT

o3
88.7总分
85美感
D

DeepSeek

R2
86.3总分
82美感
L

Llama

4 Behemoth
82.6总分
78美感
Q

Qwen

3 Max
84.0总分
80美感
M

Mistral

Large 3
81.2总分
83美感
G

Grok

3.5
79.8总分
76美感
#001 天气仪表盘 · 作品对比
☁️ Weather Dashboard
23°C
暗色科技风
Claude Opus 4.6
美感 96 功能 94 代码 91
🌤 天气预报
今天 · 多云转晴
24°C / 15°C
明天 · 晴
26°C / 17°C
暖色卡片式
Gemini 2.5 Pro
美感 91 功能 90 代码 85
⚡ WTHR
21°
Wind 12kmHum 68%UV 3
Mon 22°Tue 19°Wed 25°
极简标签流
GPT o3
美感 85 功能 92 代码 93
总排行榜

基于美感、功能完整度、代码质量三项加权综合评分。

模型美感功能代码综合
1
Claude Opus 4.6
96949192.4
2
Gemini 2.5 Pro
91908589.1
3
GPT o3
85929388.7
4
DeepSeek R2
82889086.3
5
Qwen 3 Max
80868784.0
6
Llama 4 Behemoth
78858682.6
7
Mistral Large 3
83807981.2
8
Grok 3.5
76828179.8