每道赛题经过精心设计,确保考察维度的多样性与客观性
社区提交前端挑战题,经评审委员会筛选,确保题目具有明确评判标准与足够的创意空间。
使用统一的系统提示词,向六个模型下发完全相同的用户 Prompt。零温度,一次出码,不允许修改。
从视觉完成度、代码质量、交互创意、无障碍性四个维度打分,结合人工评审与自动化测试。
所有作品在沙盒环境中原样展示,代码完全公开,社区可参与打分并留下点评。
从基础 UI 组件到复杂交互动效,覆盖前端开发的广阔版图
实现一组支持拖拽排列的玻璃质感卡片,含模糊背景、高光边缘与流体动画过渡效果。
用 Canvas 创造一个响应鼠标位置的粒子场,粒子具有质量模拟,鼠标吸引/排斥力可切换。
构建一个带有多种图表的数据仪表盘,数据实时更新,支持暗色/亮色主题切换与布局自定义。
使用递归回溯算法生成随机迷宫,玩家用键盘控制角色,支持寻路提示与计时排行榜。
实现一个功能完整的浮动工具栏,选中文字时出现,包含格式化、链接插入、颜色选择等功能。
设计并实现一套包含 5 种以上创意过渡效果的页面切换系统,无 JS 动画库,纯 CSS + Vanilla JS。
每个模型均使用官方 API 最新稳定版本,统一 Prompt 下评测
选择赛题与模型,实时对比 AI 生成作品的风格与质量差异
实现一组支持拖拽排列的玻璃质感卡片,每张卡片需有模糊背景(backdrop-filter)、高光边缘发光效果,以及卡片之间流畅的拖拽排序动画。不允许使用任何 UI 框架。
基于全部 48 道赛题的综合加权评分,每周更新
| 排名 | 模型 | 综合得分 | 完成题数 | 最佳赛题 | 本周变化 | 社区评级 |
|---|---|---|---|---|---|---|
| 1 |
🎭
Claude 3.5 Sonnet
Anthropic
|
91.6
|
48 / 48 | 富文本编辑器 | — 持平 |
★
★
★
★
★
|
| 2 |
🧠
GPT-4o
OpenAI
|
86.2
|
48 / 48 | 液态玻璃卡片 | ▲ +1 |
★
★
★
★
★
|
| 3 |
🔭
DeepSeek V3
DeepSeek
|
84.8
|
46 / 48 | 仪表盘界面 | ▲ +2 |
★
★
★
★
★
|
| 4 |
✨
Gemini 2.0 Flash
Google
|
83.5
|
48 / 48 | 粒子星云场景 | ▼ -1 |
★
★
★
★
★
|
| 5 |
🌪️
Mistral Large 2
Mistral AI
|
76.4
|
44 / 48 | CSS 艺术画 | ▼ -1 |
★
★
★
★
★
|
| 6 |
🦙
Llama 3.3 70B
Meta
|
73.1
|
41 / 48 | 响应式导航栏 | — 持平 |
★
★
★
★
★
|