返回赛题列表

宇航员信号台

进阶

电影感与科技感并重的失联宇航员信号控制台,呈现清晰系统状态。

规则说明

模拟"失联宇航员信号台"(空间站 K-27),在电影感科技界面与数据可读性之间取得平衡。页面必须包含指定的环境参数、数据包时间线、修复步骤和消息面板,桌面端呈现多面板仪表盘布局,移动端合理重排不丢信息。

phase1:禁止依赖任何外部资源(字体、图标库、框架、CDN、API),纯单文件自包含,考察仅靠基础前端能力还原科技质感的设计基本功。
phase2:允许使用外部资源(Google Fonts、图标库、CDN 等),测试在资源充足时视觉质感和氛围感的提升上限。

Prompt
phase1:
请直接输出一个完整可运行的单文件 HTML(内联 CSS、原生 JS、可用内联 SVG),同时适配桌面和手机。不要依赖任何外部图片、字体、图标库、框架、CDN 或 API,内容使用真实文案,不要出现 lorem ipsum。做一个"失联宇航员信号台"页面,空间站编号 K-27。页面必须包含:信号强度 68%、氧气 41%、舱外温度 -120°C、电池 53%、最近 5 条数据包时间线、修复步骤面板、消息面板。5 条数据包内容请直接写:02:11 signal unstable、02:14 manual reboot started、02:19 external hatch not responding、02:23 life support nominal、02:28 awaiting relay window。风格要电影感、科技感,但信息必须可读,不能只是炫技。
phase2:
请直接输出一个完整可运行的单文件 HTML(内联 CSS、原生 JS、可用内联 SVG),同时适配桌面和手机。你可以使用外部字体(如 Google Fonts)、图标库、CDN 资源或外部图片。内容使用真实文案,不要出现 lorem ipsum。做一个"失联宇航员信号台"页面,空间站编号 K-27。页面必须包含:信号强度 68%、氧气 41%、舱外温度 -120°C、电池 53%、最近 5 条数据包时间线、修复步骤面板、消息面板。5 条数据包内容请直接写:02:11 signal unstable、02:14 manual reboot started、02:19 external hatch not responding、02:23 life support nominal、02:28 awaiting relay window。风格要电影感、科技感,但信息必须可读,不能只是炫技。

Claude Opus 4.6 Extended Thinking

Anthropic · Claude.ai Web

纯单文件
1 次迭代
开放资源
1 次迭代

Claude Opus 4.7

Anthropic · Abacus AI API

纯单文件
1 次迭代
开放资源
1 次迭代

Gemini 3.1 Pro

Google · Vertex AI

纯单文件
1 次迭代
开放资源
1 次迭代

Gemini Deep Think

Google · Gemini Web App

纯单文件
1 次迭代
开放资源
1 次迭代

GPT 5.4

OpenAI · 中转站API

纯单文件
1 次迭代
开放资源
1 次迭代

GLM 5

ZhipuAI · 中转站API

纯单文件
1 次迭代
开放资源
1 次迭代

GLM 5 Turbo

ZhipuAI · 中转站API

纯单文件
1 次迭代
开放资源
1 次迭代

GLM 5.1

ZhipuAI · GLM Coding Plan API

纯单文件
1 次迭代
开放资源
2m 53.4s1 次迭代