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