返回赛题列表
像素信笺
入门一封带有打字机效果和复古像素风的交互式情书——考察像素美术风格把控、折纸动画实现与情感化细节处理。
规则说明▼
phase1：要求模型根据提示词直接输出完整的单文件 HTML，测试模型在基础约束下对像素风格、情绪氛围与交互动效的自主设计能力。
phase2： 使用 frontend-design skill 中 Design Thinking 与 Frontend Aesthetics Guidelines 部分的内容作为系统提示词，用户 prompt 与 phase1 完全相同。
Prompt▼
phase1：▼
设计一封像素风格的交互式信笺页面。
页面背景是一张微微泛黄的像素纸张，文字以打字机效果逐字显示一封预设的温暖信件。
页面角落有像素风格的装饰元素（花朵、星星），随鼠标移动轻轻摇晃。
信的末尾有一个"封缄"按钮，点击后信纸折叠成信封的动画，封口处出现一个像素蜡封。
整体要 8-bit 复古但温馨、不粗糙。
请输出完整的单文件 HTML。
phase2（Skill 加持）：▼
**系统提示词（System Prompt）：** 使用 `frontend-design` skill 中 `Design Thinking` 与 `Frontend Aesthetics Guidelines` 部分的内容
**用户消息：** 与 phase1 完全相同：
设计一封像素风格的交互式信笺页面。
页面背景是一张微微泛黄的像素纸张，文字以打字机效果逐字显示一封预设的温暖信件。
页面角落有像素风格的装饰元素（花朵、星星），随鼠标移动轻轻摇晃。
信的末尾有一个"封缄"按钮，点击后信纸折叠成信封的动画，封口处出现一个像素蜡封。
整体要 8-bit 复古但温馨、不粗糙。
请输出完整的单文件 HTML。