返回赛题列表
废土收音机
进阶核战后第47年，这是世界上仅存的一台能收到信号的收音机——生锈、破损，却未绝望。
规则说明▼
phase1：仅给出完整场景提示词，模型直接输出 HTML 文件，考察模型对废土美学、CSS 材质表现力和可拖动交互的自主实现能力。
phase2 step1：在新的对话窗口，给出同样的场景描述，要求模型先撰写 PRD，不写代码。
phase2 step2：在同一个对话窗口，要求模型根据自己生成的 PRD 输出完整的单文件 HTML。
Prompt▼
phase1：▼
为一款虚构的"废土收音机"App 设计主界面。设定是：核战后第47年，这是世界上仅存的一台能收到信号的收音机，里面存着战前的音乐和各地幸存者发来的语音留言。界面要有强烈的破旧质感——生锈的金属、碎裂的表盘、磨损的刻度盘，但要避免成为无意义的视觉噪音，每一处"破损"都应该有设计感。至少要有一个可拖动调频的旋钮交互，以及一个模拟信号强弱的指针或波形。整体氛围是：孤独、但未绝望。请输出完整的 HTML。
phase2(2 steps)▼
phase2 step1：▼
以下是一个设计需求：
"为一款虚构的'废土收音机'App 设计主界面。设定是：核战后第47年，这是世界上仅存的一台能收到信号的收音机，里面存着战前的音乐和各地幸存者发来的语音留言。界面要有强烈的破旧质感——生锈的金属、碎裂的表盘、磨损的刻度盘，整体氛围孤独但未绝望。需要包含可拖动调频的旋钮交互，以及模拟信号强弱的指针或波形动画。"
请你根据这个需求，撰写一份详细的产品需求文档（PRD），不要写代码，只输出 PRD。
phase2 step2：▼
根据你自己的 PRD 文档，请输出完整的单文件 HTML（包含内联 CSS 和 JS）。要求完美还原 PRD 中描述的所有功能与视觉设计。