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 博客
  • 媒体报道
提示词
社区GLM-5.2

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

原始来源

X.com(Twitter),@arena(Arena.ai 官方账号)

作者Arena.ai

原文日期2026-06-27

Tabbit 整理2026-08-19

查看原文

一句话结论

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 其他档位或后续版本。

Tabbit 小编提醒

提示词内容来自公开资料与 Tabbit 编辑整理。引用前请查看原文授权与适用范围。

GLM-5.2

在 Tabbit 中使用

GLM-5.2

相关提示词

媒体Z.ai 官方开发者文档(docs.z.ai)2026-06-16

GLM-5.2 官方文档 Overview 与 API 快速开始(docs.z.ai)

媒体Z.ai 官方开发者文档(docs.z.ai,Get Started / Migrate)2026-06

从 GLM-5.1 / GLM-5 / GLM-4.x 迁移到 GLM-5.2 的官方配置指南

媒体Z.ai 官方开发者文档(docs.z.ai,Capabilities / Thinking Mode)

GLM-5.2 思考模式配置:默认思考 / 交错思考 / 保留思考 / 回合级思考(官方)

媒体rentry.org(作者自建提示词库,由 SillyTavernAI 社区推荐)2026-08-07

GLM-5.2 角色扮演(RP)系统提示词:Evening-Truth 黑暗版完整提示词

GLM-5.2

相关测评

官方Z.ai 官方博客2026-06-16

GLM-5.2 官方发布说明与完整跑分表(Z.ai 博客)

媒体NIST(美国国家标准与技术研究院)官网新闻2026-07-17

NIST CAISI 对 Z.ai GLM-5.2 的独立能力评估

媒体rentry.org(作者个人提示词库的说明页)2026-03-09

Evening-Truth 对 Z.AI Coding Plan 响应质量的投诉与量化疑云

媒体Hugging Face 官方博客(Security incident disclosure)2026-07

Hugging Face 安全事件取证:GLM-5.2 被用于自托管攻击日志分析(真实项目报告)