加载中…
创作者 · sergey_moloman
查看原始来源 ↗复刻提示词保留原文，另附运行环境、素材与验收要求；附加说明不是原作者原话。
GPT 5.6 Pro 的前端能力相当不错！
因为 GPT 5.2 曾经是 ChatGPT 的“痛点时刻”，所以我决定测试它的前端能力。
以前我为了做出漂亮的前端，曾经付费订阅 Claude Max ×5。但现在不用了！
这里有 3 个一次生成的 landing page 示例。
通过 ChatGPT 网站生成。
1. Orbital 太空旅行落地页
Prompt："为一家名为 Orbital North 的私人太空旅行公司构建一个电影感落地页。
使用带有地球、轨道和星空视觉的全屏 Three.js 场景。用户滚动时，改变摄像机位置、灯光和内容区块。落地页应沉浸且高级，并包含真实的产品/服务信息、行程、安全版块、价格提示和预订 CTA。
避免泛化渐变、装饰性球体和营销套话。第一屏必须立即传达太空旅行。"适用模型与稳定度
建议模型
独立复测证据
2026年8月9日
多人复现
继续探索
@sergey_moloman 使用 GPT-5.6 Pro · Three.js完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
2. 时装屋落地页 Prompt："为一家名为 VEIL/FIELD 的虚构数字时装屋创建一个实验性落地页。 它应像互动式编辑版面，而不是产品 SaaS 页面。使用 Three.js 创建超现实的布料、镜面或液态金属场景，让字体和 3D 形体在高端时装构图中互相叠加。用户滚动或移动指针时，应能扭曲布料、揭示系列名称，并在不同造型之间转场。 视觉方向：先锋、编辑风、时尚杂志、奇异但精致。大号字体、不对称、留白、艺术指导式构图。 要求： - Three.js 或 reac
@sergey_moloman 使用 GPT-5.6 Pro完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
3. 机器人落地页 Prompt：“为一家名为 IRON INDEX 的虚构机器人公司制作一个落地页。 页面应呈现工业 CAD 终端与技术规格表的混合感。使用 Three.js 展示一个爆炸视图的机械臂或机器部件，并加入线框、测量标注、零件标签，以及扭矩、冷却、传感器和负载等系统的切换控件。 视觉方向：粗野主义、技术感、密集、锐利、功能导向。整体以单色为主，只使用一种警示色或强调色。不要柔和渐变、玻璃拟态、电影感 Hero 或嬉闹的物理效果。 交互风格： - 吸附式面
@viktoroddy 使用 AntiGravity · Gemini 3.1 Pro完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
提示词： 构建一个 Hero 区域，具体规格如下： 整体布局： 全宽版块，背景色 #000000（纯黑） overflow hidden 所有内容背后播放背景视频（详情见下） 背景视频： 来源： 自动播放、循环、静音、playsInline 缩放到容器的 120%（宽度和高度均为 120%） 水平居中，焦点锚定在底部 位于所有内容之下（最低层级） 模糊背景元素： 绝对定位，水平居中，顶部偏移约 215px 尺寸：宽 801px × 高 384px，完全圆角（药丸
Case 详情页把原帖效果、Prompt 与复测证据放在同一条阅读路径里。
