Tabbit
活动资源博客模型
Tabbit LogoTabbit

Tabbit — 为你工作的 AI 浏览器

主题资源

  • AI Browser Resources
  • Agentic Browser Resources
  • Browser Downloads and Install Guides
  • Browser Comparisons
  • AI Browser Alternatives
  • Browser Productivity Resources

热门指南

  • AI Browser
  • Agentic Browser Download
  • Best AI Browser 2026: Top 9 Tested & Ranked
  • AI Browser Download
  • Free AI Browser
  • Best AI Browser 2026
  • AI Browser Comparison 2026
  • AI Browser for Windows
  • AI Browser for Mac
  • Chrome Alternative 2026

活动

  • 别装了,你在《牛来》里早有原型
  • Tabbit 妙招大赛
  • KPOP SBTI 饭圈人格测试
  • Tabbit 校园共创者计划
  • fifi 的论文文献妙招精选
  • 用户问卷

关于

  • Tabbit 博客
  • 媒体报道
简体中文
简体中文English
提示词与工作流

GLM-5.2 · workflow

Arena.ai 前端编码同题对比:GLM-5.2 (Max) vs Claude Opus 4.8 (Thinking) 的 10 个单次生成示例

Arena.ai 把同一批前端编码提示词分别给 GLM-5.2 (Max) 和 Claude Opus 4.8 (Thinking) 做单次生成并录屏对比,证明 GLM-5.2 (Max) 在 Code Arena: Frontend 社区投票排名高于 Opus 4.8 (Thinking),这批提示词可直接复制用于自己的前端可视化/React 站点生成测试。

来源待核验Model-compatible prompt harness

前置条件与输入

  • task objective
  • source material
  • output format
  • acceptance check

一句话结论

Arena.ai 把同一批前端编码提示词分别给 GLM-5.2 (Max) 和 Claude Opus 4.8 (Thinking) 做单次生成并录屏对比,证明 GLM-5.2 (Max) 在 Code Arena: Frontend 社区投票排名高于 Opus 4.8 (Thinking),这批提示词可直接复制用于自己的前端可视化/React 站点生成测试。

适用场景

  • 适合的任务:HTML 数据可视化(杂志风图表、雷达屏风、时间线故事);单页视觉故事;React 前端站点(拉面店、唱片压印厂等主题);"单次生成、自包含、带来源脚注"式前端任务。

  • 不适合的任务:需要多轮迭代与用户反馈的工作流(本批为 single-shot 对比);需要后端/数据库的前端任务(提示词明确要求纯前端、本地种子数据)。

  • 适用的模型版本:GLM-5.2(Max 档);对比模型 Claude Opus 4.8(Thinking 档)。

  • 适用的客户端、Agent 或 API:Arena.ai Code Arena: Frontend 任务环境;任何支持 HTML/React 单文件输出的编码 Agent 或 API。

  • 推荐的推理档位和参数:GLM-5.2 使用 Max 档(官方编码推荐);无特殊采样要求,单次完成。

可直接使用的内容

以下 7 个提示词为线程中已展开获取的完整原文(线程声称共 10 个示例,其余示例未在可见范围内完整展开)。每个任务都要求"只使用提供的冻结 CSV / 本地种子内容,保持结果自包含,并添加一个小来源脚注"。

1. How America Spends Its Day(HTML 可视化)

Create a beautiful HTML day-in-the-life visualization from this hourly activity data. The result should feel closer to a magazine graphic than a dashboard and should make the rhythm of the day intuitively readable. Use only the supplied frozen CSV. Keep the result self-contained and add a small source footer.

2. The Arctic Sea Ice Cycle(HTML 可视化)

Build an HTML visual explainer comparing the seasonal Arctic sea ice cycle across selected years. Make the annual loop or seasonal shape the central visual idea and keep the climate signal easy to grasp at a glance. Use only the supplied frozen CSV. Keep the result self-contained and add a small source footer.

3. The Space Launch Boom(HTML 图表 / 单页视觉故事)

Create an HTML chart or one-slide visual story about the number of objects launched into outer space each year. Find a visual treatment that makes the recent break from the historical pattern feel dramatic but credible. Use only the supplied frozen CSV. Keep the result self-contained and add a small source footer.

4. 2025 Near-Earth Asteroid Radar(HTML 可视化)

Create an imaginative HTML visualization of near-Earth asteroid close approaches during 2025. It can borrow the visual language of a radar screen or orbital diagram, but the distances and velocities must remain understandable. Use only the supplied frozen CSV. Keep the result self-contained and add a small source footer.

5. Nobel Prizes by Decade(HTML 可视化)

Build a compact HTML visual explainer showing how Nobel Prize categories and laureate counts evolved by decade. Aim for a clear editorial overview with enough texture to reward closer inspection. Use only the supplied frozen CSV. Keep the result self-contained and add a small source footer.

6. Friday Night at the Ramen Shop(React 站点)

Build a bright, polished React website for a beloved neighborhood ramen shop on a busy Friday night. Use seeded local content only. The site should open with a full service already underway: orders on the rail, broth timers running, seats turning over, toppings being prepared, and a few pickup tickets nearly ready. Visitors should be able to explore the menu, build a bowl, choose a seating or pickup window, watch how their order moves through the kitchen, and see the wait time and price change as choices are made. The design should feel warm, energetic, detailed, and delicious without relying on restaurant photography.

7. Inside a Vinyl Pressing Plant(React 站点)

Create a front-end-only React website for a boutique vinyl record pressing plant handling limited-run album releases. Seed the site with an album already in production: lacquer approval, stampers, vinyl color, sleeve assembly, test pressings, release bundles, and shipping windows should all be present on load. Visitors should be able to follow the pressing run, switch vinyl variants, inspect packaging, reserve a numbered copy, and see the edition count and ship date update. The design should feel bright, analog, tactile, musical, and precise.

对比结论与证据要点

  • 同一提示词、单次完成(single shot),两模型输出以录屏视频对比(线程内每条回复含两段视频)。

  • GLM-5.2 (Max) 在 Code Arena: Frontend 中整体排名第 2,比 Claude Opus 4.7 (Thinking) 高 +29 分,仅落后 Claude Fable 5;在 React 子榜第 2、HTML 子榜第 4,是排名最高的开源模型。

  • 线程评论中的社区观点(供参考):单次同题对比能展示"低排名模型在具体任务上仍可能赢";也有人质疑"只是在这几个特定提示词上运气好"。

注意与边界

  • 提示词附带"冻结 CSV"或"本地种子内容"是任务输入的一部分,本线程未公开这些数据文件,直接复用时需自备数据。

  • 对比为 2026-06-27 时间点、Max 档/Thinking 档配置,不适用于 GLM-5.2 其他档位或后续版本。

来源与日期

X.com(Twitter),@arena(Arena.ai 官方账号) · 原文日期: 2026-06-27 · 编辑日期: 2026-09-20

阅读原始来源
变量检查

无必填变量

相关提示词

GLM-5.2 官方文档 Overview 与 API 快速开始(docs.z.ai)从 GLM-5.1 / GLM-5 / GLM-4.x 迁移到 GLM-5.2 的官方配置指南GLM-5.2 思考模式配置:默认思考 / 交错思考 / 保留思考 / 回合级思考(官方)通过 Mistral 平台使用 GLM-5.2(zai-glm-5-2):第三方托管配置与定价

相关测评

Reddit 盲代码评审:GLM-5.2 的生产就绪评分与多裁判复核GLM-5.2 官方发布说明与完整跑分表(Z.ai 博客)NIST CAISI 对 Z.ai GLM-5.2 的独立能力评估Semgrep IDOR 基准:GLM-5.2 在安全代码审计中的裸提示词结果

模型深度阅读

总览 · 简体中文

GLM-5.2 是什么:价格、部署与适用边界

说明 GLM-5.2 的 2026 年 6 月发布、1M 上下文、开源权重、API 计费、编码证据与安全试用边界。

GLM-5.2

在 Tabbit 中使用 GLM-5.2

请在上方所列环境中运行本指南。下载不会自动传入模板,也不代表账户已开放该模型。