返回赛题列表

那个……苹果风

进阶

智能无叶风扇官网首屏,要求苹果官网式的高级感与极简主义,带滚动视差动效,无任何图片素材,纯代码体现高级感。

规则说明

phase1:简单提示词,直接生成。
phase2:在新对话窗口,先让模型根据需求自行撰写 PRD,再根据 PRD 生成代码。

Prompt
phase1:
帮我写一个智能无叶风扇的官网首屏。要求:要有那种"苹果官网"的高级感、极简主义,带一点滚动时的丝滑视差动效。我没有任何图片素材,你自己想办法用代码或者纯色块/几何体体现高级感。请输出完整的单文件 HTML。
phase2(2 steps)
phase2 step1:
以下是一个设计需求: "帮我写一个智能无叶风扇的官网首屏。要求:要有那种'苹果官网'的高级感、极简主义,带一点滚动时的丝滑视差动效。我没有任何图片素材,需要用代码或者纯色块/几何体体现高级感。" 请你根据这个需求,撰写一份详细的产品需求文档(PRD),不要写代码,只输出 PRD。
phase2 step2:
根据你自己的 PRD 文档,请输出完整的单文件 HTML(包含内联 CSS 和 JS)。要求完美还原 PRD 中描述的所有功能与视觉设计。

Claude Opus 4.6

Anthropic · Lindy AI Web

直接生成
1 次迭代
PRD 驱动
2 次迭代

Claude Opus 4.7

Anthropic · 中转站API (C)

直接生成
1 次迭代
PRD 驱动
2 次迭代

Claude Sonnet 4.6

Anthropic · Blink New

直接生成
1 次迭代
PRD 驱动
2 次迭代

Gemini 3.1 Pro Preview High Thinking

Google · Vertex AI Studio

直接生成
1 次迭代
PRD 驱动
2 次迭代

GPT 5.4

OpenAI · Genspark AI Chat Web

直接生成
1 次迭代
PRD 驱动
2 次迭代

GPT 5.4 Mini High Thinking

OpenAI · Swiftrouter

直接生成
1 次迭代
PRD 驱动
2 次迭代

MiMo V2 Pro

Xiaomi · Xiaomi Mimo API

直接生成
1 次迭代
PRD 驱动
2 次迭代

Mimo V2.5 Pro

Xiaomi · Xiaomi Mimo Token Plan API

直接生成
1 次迭代
PRD 驱动
2 次迭代

GLM 5.1

ZhipuAI · GLM Coding Plan API

直接生成
1 次迭代
PRD 驱动
2 次迭代