SHARE/深研手记 INDEX ↗

Stress Test · 2026-08-20→21 · Index 014

grok vs agy vs m3
40 case 网页生成能力压测

同一组 40 个不同网页场景的 prompt 分别喂给 grok 1.0.5（xAI Build TUI）、agy 1.1.13（Claude Code fork）、MiniMax-M3（m3），共 120 个产物。覆盖审美 / 视觉·高级 / 技术 / 动画 / 前端理解 / 真实业务 / 大尺度工程 / 高级可视化 / 交互工程 / 状态·综合·性能 / 设计·社交·杂志·演示·画板·移动 11 大能力维度。点下方卡片「grok → / agy → / m3 →」按钮即可打开对应 HTML 产物并排对比。

产物总数12040 case × 3 CLI
agy 平均快3.2×grok 182s / agy 57s / m3 ~120s
agy 产物平均大+63%grok 25.9K / agy 42.3K / m3 25.8K
m3 失败数0/4040/40 干净产物
01 / 10审美L1–L3 · 6 case
CASE 01 · AESTHETICS · L1
美术馆请柬风名片
独立字体设计师个人名片，冷调象牙白底 + 暗金强调。
GROK56s · 3.4 KB
AGY36s · 10.8 KB
M37.8 KB
grok →agy →m3 →
CASE 02 · AESTHETICS · L1
包豪斯+日式平面海报
「看不见的城市」文学沙龙海报，几何构图+大字版式。
GROK104s · 7.9 KB
AGY39s · 13.6 KB
M39.1 KB
grok →agy →m3 →
CASE 03 · AESTHETICS · L1
摄影师作品集 masonry
12 张作品瀑布流，三档响应式断点。
GROK74s · 11.9 KB
AGY35s · 16.8 KB
M314.1 KB
grok →agy →m3 →
CASE 11 · AESTHETICS · L3
杂志感长文阅读页
三栏正文+pull quote+图注+注脚+drop cap。
GROK334s · 16.8 KB
AGY62s · 31.4 KB
M319.1 KB
grok →agy →m3 →
CASE 12 · VISUAL · L3
年度活动主视觉多层叠加
噪点底+几何叠加+文字绕排+真跳动倒计时。
GROK251s · 12.6 KB
AGY58s · 28.2 KB
M318.0 KB
grok →agy →m3 →
CASE 13 · THEME · L3
暗色主题落地页
CSS 变量双主题+预+系统偏好。
GROK286s · 18.8 KB
AGY46s · 28.0 KB
M321.3 KB
grok →agy →m3 →
02 / 10技术L2 · 3 case
CASE 04 · DATA-VIZ · L2
产品数据看板 + SVG 三件套
KPI+折线+环形+热力图，全手写 SVG 无外部库。
GROK278s · 35.7 KB
AGY97s · 38.3 KB
M341.2 KB
grok →agy →m3 →
CASE 05 · LANDING · L2
SaaS 营销页（多区块）
hero+特色+案例+价格+FAQ，类 Linear/Notion 风。
GROK113s · 18.1 KB
AGY67s · 34.3 KB
M334.0 KB
grok →agy →m3 →
CASE 06 · FORM · L2
三态表单 CSS-only tab
登录/注册/找回，0 JS + 完整视觉状态机。
GROK202s · 17.3 KB
AGY47s · 21.6 KB
M323.8 KB
grok →agy →m3 →
03 / 10动画L2 · 3 case
CASE 07 · LOADER · L2
5 种加载动画
三点波浪/环形/进度扫光/方块折叠/环形进度。
GROK165s · 10.8 KB
AGY47s · 18.9 KB
M310.7 KB
grok →agy →m3 →
CASE 08 · SCROLL · L2
滚动触发动画长页
「一本书的一生」6 阶段，IO+进度条+章节锚点。
GROK292s · 18.5 KB
AGY46s · 20.7 KB
M321.9 KB
grok →agy →m3 →
CASE 09 · INTERACTION · L2
8 种微交互 demo
涟漪/悬浮/toggle/勾选/浮动 label/心形撒花等。
GROK173s · 13.4 KB
AGY48s · 24.1 KB
M316.2 KB
grok →agy →m3 →
04 / 10前端理解L2–L3 · 2 case
CASE 10 · DESIGN SYSTEM v1 · L2
设计系统文档站（精选）
token + 5 类组件 + 锚点导航 + scrollspy。
GROK358s · 36.7 KB
AGY103s · 67.4 KB
M339.0 KB
grok →agy →m3 →
CASE 20 · DESIGN SYSTEM v2 · L3
设计系统 v2（30+ 组件）
token×6 + 30+ 组件 + dark mode + scrollspy。
GROK478s · 59.1 KB
AGY196s · 91.2 KB
M342.6 KB
grok →agy →m3 →
05 / 10真实业务L3–L4 · 5 case
CASE 14 · E-COMMERCE · L3
电商商品详情页
多角度切换+规格选择+评价+推荐+购买。
GROK116s · 18.1 KB
AGY76s · 44.1 KB
M331.3 KB
grok →agy →m3 →
CASE 15 · COURSE · L3
在线教育课程详情
大纲+讲师+试听+学员评价+FAQ。
GROK289s · 27.3 KB
AGY103s · 52.8 KB
M338.0 KB
grok →agy →m3 →
CASE 16 · PUBLISHING · L3
出版业图书详情页
3D 封面+目录+试读+编辑推荐+相关推荐。
GROK207s · 22.1 KB
AGY74s · 48.6 KB
M334.5 KB
grok →agy →m3 →
CASE 17 · LIVE · L3
直播预告/观看页
互动消息流+商品列表+倒计时+开播状态切换。
GROK154s · 25.8 KB
AGY85s · 50.0 KB
M342.4 KB
grok →agy →m3 →
CASE 21 · FULL LANDING · L4
超完整产品落地页
8 section 场景：hero+案例+定价+FAQ+团队。
GROK590s · 56.3 KB
AGY144s · 77.4 KB
M347.3 KB
grok →agy →m3 →
06 / 10大尺度工程L3 · 2 case
CASE 18 · ADMIN · L3
后台管理系统 dashboard
侧栏+订单表+排序+批量+分页+筛选。
GROK185s · 32.3 KB
AGY105s · 55.4 KB
M335.9 KB
grok →agy →m3 →
CASE 19 · MULTIPAGE · L3
多页站点（首页+2 二级页）
跨页风格一致：导航/字体/配色/留白一致。grok FAILED
GROK0s · FAILED
AGY147s · 69.5 KB
M326.2 KB
grok →agy →m3 →
07 / 10高级可视化L4 · 3 case
CASE 22 · STOCK · L4
股票 K 线图
蜡烛图+成交量柱+MA5/10/20，hover OHLC。
GROK325s · 22.6 KB
AGY88s · 32.3 KB
M321.1 KB
grok →agy →m3 →
CASE 23 · TIMELINE-GRAPH · L4
时间线+人物关系图
26 年纵向时间线+15+节点关系图联动。
GROK564s · 45.9 KB
AGY159s · 68.6 KB
M331.5 KB
grok →agy →m3 →
CASE 24 · CHINA-MAP · L4
中国地图可视化
34 省 SVG+多维数据切换+hover 高亮。
GROK1263s · 65.8 KB
AGY183s · 46.7 KB
M329.1 KB
grok →agy →m3 →
08 / 10交互工程L4 · 3 case
CASE 25 · MULTI-STEP FORM · L4
4 步多步骤表单
账户→地址→支付→确认，跨步校验+localStorage。
GROK212s · 22.9 KB
AGY68s · 46.6 KB
M323.7 KB
grok →agy →m3 →
CASE 26 · KANBAN · L4
拖拽看板
4 列拖拽+编辑+筛选+modal 创建。
GROK211s · 18.0 KB
AGY59s · 31.3 KB
M325.7 KB
grok →agy →m3 →
CASE 27 · MARKDOWN EDITOR · L4
Markdown 富文本编辑器
工具栏+实时预览+快捷输入+撤销重做+localStorage。
GROK280s · 27.5 KB
AGY70s · 30.1 KB
M323.9 KB
grok →agy →m3 →
09 / 10状态·综合·性能L4 · 3 case
CASE 28 · STATE GALLERY · L4
全状态组件库
9 种状态：loading/spinner/skeleton/empty/error/404/500/offline/maintenance。
GROK183s · 28.7 KB
AGY90s · 47.2 KB
M325.0 KB
grok →agy →m3 →
CASE 29 · A11Y · L4
a11y+i18n+双主题综合
无障碍完整+国际化+主题切换，键盘可全操作。
GROK307s · 49.7 KB
AGY93s · 48.1 KB
M326.7 KB
grok →agy →m3 →
CASE 30 · PERF · L4
性能优化版数据看板
lazy load+骨架屏+RAF 分批+contain+prefers-reduced-motion。
GROK328s · 24.1 KB
AGY95s · 45.8 KB
M327.8 KB
grok →agy →m3 →
10 / 10设计 · 社交 · 杂志 · 演示 · 画板 · 移动L4 · 10 case
CASE 31 · 多风格页变体
DESIGN · L4
同一产品 5 种风格：Aurora Glass / Neo-Brutalism / Editorial Magazine / Cyberpunk Terminal / Editorial Serif
GROK— · —
AGY— · —
M3—
grok →agy →m3 →
CASE 32 · 3:4 社交传播卡片
SOCIAL · L4
1080×1440 竖版，「2026 出版业十大趋势 No.01」
GROK— · —
AGY— · —
M3—
grok →agy →m3 →
CASE 33 · 杂志长图（一页纸）
INFOGRAPHIC · L4
A4 长宽比，「图解：大语言模型是怎么思考的」+ 8+ SVG
GROK— · —
AGY— · —
M3—
grok →agy →m3 →
CASE 34 · 多页 PPT 幻灯片
DECK · L4
16:9 viewport 8 页「出版业 AI 落地的 8 个阶段」+ 翻页
GROK— · —
AGY— · —
M3—
grok →agy →m3 →
CASE 35 · Codex agent 演示
AGENT · L4
模拟 OpenAI Codex 三栏：编辑器 / 任务列表 / diff / chat
GROK— · —
AGY— · —
M3—
grok →agy →m3 →
CASE 36 · 无限延伸画板
CANVAS · L4
节点 + 卡片，无限延伸，模拟 AI 内容生成链
GROK— · —
AGY— · —
M3—
grok →agy →m3 →
CASE 37 · Goal Agent launch 工作台
AGENT · L4
目标输入 + 任务树 + 终端 log + 模拟执行流程
GROK— · —
AGY— · —
M3—
grok →agy →m3 →
CASE 38 · 小红书瀑布流
MOBILE · L4
375×812 viewport 双列 3:4 卡片瀑布流
GROK— · —
AGY— · —
M3—
grok →agy →m3 →
CASE 39 · 日程 App 原型
iOS · L4
390×844 iPhone 模拟，图片文字识别 → 日程
GROK— · —
AGY— · —
M3—
grok →agy →m3 →
CASE 40 · 一页纸简历
DOC · L4
A4 单页「陈静远 · 内容运营经理」
GROK— · —
AGY— · —
M3—
grok →agy →m3 →
">
">
11 / 114 卡展示 + 导出按钮L4 · 1 case
CASE 41 · DESIGN · L4
4 张 3:4 卡片 + 导出 PNG
同一页 4 张 600-800px 卡片（2×2），含 html2canvas 一键导出 PNG。
GROK— · 25.3 KB
AGY— · 37.8 KB
M3— · 25.4 KB
grok →agy →m3 →