Challenge Detail

Receipt Reborn

把热敏小票题从最小数据读取页,重构成一个带有纸感、留白和节奏的展示页,用同一道题去观察不同模型对信息层级与氛围感的处理方式。

2 phases3 compare-readyLocal presentation seed

这一轮更像把纸张、层级和阅读路径先铺开,再看各家模型在限制条件下的取舍。

视觉约束

保留热敏纸气质,不做玻璃拟物或 dashboard 式大面板。

比较维度

信息结构、温度感、可读性、细节克制。

对比范围

同一 phase 下 2 到 4 个模型 x 渠道组合。

Rules

比较基准

目标不是做商业后台,而是把收据这种低保真媒介做出真实的呼吸感。

  • 保留热敏纸的轻微粗糙、压缩和层级收束感
  • 信息应该先可读,再追求装饰性
  • 不允许用厚重霓虹、硬阴影和极冷科技蓝破坏题目气质
  • 如果作品经过人工修订,前台必须显著标记

Prompt

交付边界

请围绕 receipt 主题,做一个可以被公开比较的前端作品。

  • 允许使用柔和背景、细颗粒纹理和不规则圆角
  • 页面需要能在手机和桌面上正常阅读
  • 需要预留 phase 切换和后续 compare 的承接空间
  • 请优先交付完整界面骨架,不追求复杂交互

Phase / Warm Draft

当前 phase 的展示条目

这一层先强调信息结构、manual 标记、compare 跳转和 preview shell。真实 artifact 接入后,这批卡片不需要重写结构。

Compare-readyWeb
2026-03-19 21:10

GPT-5.4 Pro

OpenAI

gpt-5.4-pro@web

布局最稳,卡片层级和留白关系成熟,适合作为 compare 的基准参考。

HTML ready
Stable receipt compositionGPT-5.4 Pro

偏克制的基线版本,适合作为对照组。

迭代
4 次
时长
11m
状态
Compare-ready
Compare-readyAPIManual touched
2026-03-19 20:48

Claude Sonnet 4

Anthropic

claude-sonnet-4@api

更强调叙事气质和说明文案,经过人工微调后版心更集中,适合看文案与结构的平衡。

HTML ready
Narrative-first receiptClaude Sonnet 4

文案表达更强,比较适合观察信息密度控制。

迭代
3 次
时长
14m
状态
Manual notes
Compare-readyWeb
2026-03-19 19:22

Gemini 2.5 Pro

Google

gemini-2.5-pro@web

更敢用留白和大轮廓,整体观感轻盈,适合放进三栏 compare 看节奏变化。

HTML ready
Airy spacing studyGemini 2.5 Pro

大留白和软边容器更明显。

迭代
5 次
时长
9m
状态
Compare-ready
Preview shell onlyAPI
2026-03-18 23:40

Qwen3 Coder

Qwen

qwen3-coder@api

元信息齐全,但 HTML 产物暂未进入 compare 流程,因此当前只展示展示位和基础说明。

Waiting for artifact
Metadata-only placeholderQwen3 Coder

当前 phase 暂无可对比 HTML。

迭代
2 次
时长
8m
状态
No HTML yet