返回赛题列表
404 剧场
进阶一个让用户舍不得离开的 404 错误页面。考察模型的角色动画设计、叙事能力、幽默感与情感表达、微交互细节丰富度。
规则说明▼
phase1：要求模型根据提示词直接输出HTML文件
phase2 step1：在新的对话窗口，要求模型自行撰写PRD
phase2 step2：在同一个对话窗口，要求模型根据自己生成的PRD输出HTML文件
Prompt▼
phase1：▼
设计一个 404 页面，但要让用户舍不得离开。页面上有一个迷路的小角色（简笔画风格），它会跟随用户的鼠标方向转头张望，偶尔做出困惑、叹气、坐下休息等小动作。页面上散落着一些可点击的元素（路标、门、梯子），点击后小角色会走过去互动但都是死路——路标指向 undefined，门打不开，梯子断了。每次失败小角色都有不同的反应动画。要幽默、可爱、有叙事感。请输出完整的HTML。
phase2(2 steps)▼
phase2 step1：▼
以下是一个设计需求：
"设计一个 404 页面，但要让用户舍不得离开。页面上有一个迷路的小角色（简笔画风格），它会跟随用户的鼠标方向转头张望，偶尔做出困惑、叹气、坐下休息等小动作。页面上散落着一些可点击的元素（路标、门、梯子），点击后小角色会走过去互动但都是死路——路标指向 undefined，门打不开，梯子断了。每次失败小角色都有不同的反应动画。要幽默、可爱、有叙事感。请输出完整的HTML。"
请你根据这个需求，撰写一份详细的产品需求文档（PRD），不要写代码，只输出 PRD。
phase2 step2：▼
根据你自己的 PRD 文档，请输出完整的单文件 HTML（包含内联 CSS 和 JS）。要求完美还原 PRD 中描述的所有功能与视觉设计。