Challenge Detail

Receipt Reborn

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

2 phases4 compare-readyLocal presentation seed

这轮开始把 compare 入口、人工修订标记和细节描述做得更完整,方便后续真实数据接上后直接演化。

视觉约束

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

比较维度

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

对比范围

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

Rules

比较基准

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

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

Prompt

交付边界

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

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

Phase / Polished Pass

当前 phase 的展示条目

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

Compare-readyWeb
2026-03-20 10:12

GPT-5.4 Pro

OpenAI

gpt-5.4-pro@web

第二轮继续作为稳态方案,标题区和 compare 跳转关系更清晰。

HTML ready
Refined base layoutGPT-5.4 Pro

更强调切换关系和摘要区。

迭代
6 次
时长
15m
状态
Compare-ready
Compare-readyAPIManual touched
2026-03-20 09:44

Claude Sonnet 4

Anthropic

claude-sonnet-4@api

说明面板更完整,同时保留人工修订标识,适合测试 compare 页头部的公平性提示。

HTML ready
Edited comparison-ready panelClaude Sonnet 4

manual touched 标记在这一轮更突出。

迭代
4 次
时长
17m
状态
Manual notes
Compare-readyWeb
2026-03-20 08:55

Gemini 2.5 Pro

Google

gemini-2.5-pro@web

细节更柔和,边角和留白更自然,适合作为 Organic 风格的高表达样本。

HTML ready
Organic expression studyGemini 2.5 Pro

更偏情绪与节奏表达。

迭代
5 次
时长
12m
状态
Compare-ready
Compare-readyAPI
2026-03-20 08:16

DeepSeek R1

DeepSeek

deepseek-r1@api

新增一条更偏理性的版式方案,用来拉开 compare 页四格布局的节奏差异。

HTML ready
Structured comparison candidateDeepSeek R1

更偏理性和规整,但仍保留柔边与纸感。

迭代
3 次
时长
10m
状态
Compare-ready