AI 编程(UI)X已有人复测#web #human-reviewed #web-ui #game-3d ChatGPT · AI Website Builder

GTA VI 风格电影感游戏官网

原帖 46

Prompt

首先是图片

我在 ChatGPT 上生成了这张用于本项目的图片。

以下是设计提示词：

创建一个超高级、电影感的 3A 游戏落地页视觉稿，灵感来自 Grand Theft Auto VI 的视觉识别、氛围、奢华感和霓虹犯罪美学。

横向 16:9 构图。

将其设计成仿佛 Rockstar Games 官方揭晓网站。

首屏铺满整个屏幕，两位主角坐在一辆黑色美式肌肉车的引擎盖上。

男主角自信地坐在前景，身穿白色背心，手枪自然地垂在身侧。

女主角从他身后倚靠过来，身穿亮粉色露脐长袖上衣和蓝色迷彩紧身裤，保持自信表情。

保持真实的比例和面部结构。

他们身后是令人惊叹的 Vice City 天际线，处于黄金时刻向霓虹夜生活过渡的时段。

包括：

发光摩天楼
棕榈树
Ocean Drive
豪华酒店
热带氛围
海面反射
温暖日落
紫色云层
粉色和橙色天空
豪华汽车
细微警灯
带聚光灯的直升机
电影感薄雾
体积光
真实反射
霓虹招牌
湿润路面
奢华迈阿密氛围

左侧放置高级网站内容。

大号 GTA 风格堆叠 Logo，文字为：

GRAND THEFT AUTO VI

使用具有 Rockstar 灵感的正宗风格字体，并让「VI」采用鲜艳的粉色到橙色渐变。

其下方：

「下一个犯罪帝国就此开始。」

使用优雅的手写斜体字体，带细微霓虹光晕。

标题下方放置两个现代玻璃拟态按钮。

主按钮：

Play Now

霓虹粉渐变。

次按钮：

Watch Trailer

带播放图标的深色玻璃按钮。

顶部导航：

Home

Story

Characters

Gameplay

Media

News

右上角：

高级描边玻璃按钮：

Pre-order Now

英雄文字下方放置漂浮的玻璃拟态信息卡，展示：

Release Date

Platforms

Social Links

Latest News

每张卡片使用：

磨砂玻璃
背景模糊
圆角
细微反射
高级阴影
奢华间距

右下角放置一个现代漂浮音乐播放器。

将 Apple 的人机界面美学与 Rockstar Games 品牌结合。

色彩调色板：

霓虹粉
日落橙
深紫
海洋蓝
黑
白

光照应包含：

电影感轮廓光
全局光照
HDR 光照
真实绽放
镜头光晕
大气透视
柔和景深
高级调色

UI 应该感觉像是手工打造的、奢华、现代、极简且获得过奖项。

不要通用网页模板。

不要杂乱。

每个元素都必须有意图且经过精心打磨。

超高细节、写实数字插画、3A 概念艺术、电影感构图、Unreal Engine 5 质量、Octane Render、8K、高级 UI/UX 展示、奢华游戏揭晓网站、杰作。

溯源 · 已核对已发布案例的 prompt 均经人工核对与原帖一致；平台逆向重构的 prompt 不予收录。核对原帖 ↗

适用模型与稳定度

建议模型

ChatGPT · AI Website Builder

稳定度: 74 / 100
成本: 中

独立复测证据

同一段 Prompt，在我们的测试里实际生成了什么。

复测生成 · 非作者原作

UI生成证据AI 自动评分

gpt-5.6-sol

2026年8月9日

复测分92.7

桌面截图

手机截图

下载生成 HTML ↓

claude-sonnet-5 · 90.3gpt-5.6-sol · 95分歧 · 4.7

继续探索

继续看相关 Case。

查看全部 AI 编程(UI) Case →

AI 编程(UI)X

3D 超市包装式创意机构官网

@Oluwaphilemon1 使用 Claude Fable 5 · Three.js · Blender · GSAP完成的网页案例，包含公开结果、完整 Prompt 与原始来源。

Skill · 3D / 动效 Hero Skill · 个人作品集叙事

提示语

Claude Fable 5 和 GPT-5.6 很强🥵🥵🥵 下面是我如何使用 Claude 构建的 👇 提示词：「设计一个机构网站，把服务以 3D 超市商品包装的形式呈现」使用 Three.js 和 WebGL 在浏览器中实时渲染所有产品使用 Blender 制作包装模型，然后导出为 GLTF 以加载到 Three.js 中使用 GSAP 实现流畅的产品旋转和悬停交互如果你想做一个让客户感觉像是在购买高级商品的作品集，请保存这条 🛒

来源热度 · X

稳定度

查看 Case →

AI 编程(UI)Aceternity UI

3D 动画图钉

复制这段 TSX 组件源码，交给 Cursor、v0、Claude 等 AI 编程工具，说明这是「3D Animated Pin」的 Aceternity UI 组件实现，即可让它接入你的 React 项目，再按需替换文案、配色与触发参数复用。

Skill · 3D / 动效 Hero

提示语

// components/ui/3d-pin.tsx "use client"; import React, { useState } from "react"; import { motion } from "motion/react"; import { cn } from "@/lib/utils"; export const PinContainer = ({ children, title, href, className, containerClassName…

来源热度 · Aceternity UI

—

稳定度

查看 Case →

AI 编程(UI)X2026/09/06

高密度 3D 浏览器森林生成器

一个复杂的提示词，用于利用 Three.js 风格优化和逼真光照，在浏览器中生成精细的实时 3D 森林环境。

Skill · 3D / 动效 Hero Skill · 产品与电商转化页

提示语

首先搜索 "/unlazy" skill，完整阅读它，并在整个任务中持续使用。将此视为一项至少持续 {argument name="minimum duration" default="5 小时"} 的大型视觉构建。如果环境允许，最好进行 {argument name="optimal duration" default="8–24 小时"} 有实质意义的实现和迭代。不要在制作出一个还不错的场景后就停下。在浏览器中创建一个细节极其丰富的实时 {argument nam

来源热度 · X

稳定度

查看 Case →

首先是图片我在 ChatGPT 上生成了这张用于本项目的图片。以下是设计提示词：创建一个超高级、电影感的 3A 游戏落地页视觉稿，灵感来自 Grand Theft Auto VI 的视觉识别、氛围、奢华感和霓虹犯罪美学。横向 16:9 构图。将其设计成仿佛 Rockstar Games 官方揭晓网站。首屏铺满整个屏幕，两位主角坐在一辆黑色美式肌肉车的引擎盖上。男主角自信地坐在前景，身穿白色背心，手枪自然地垂在身侧。女主角从他身后倚靠过来，身穿亮粉色露脐长袖上衣和蓝色迷彩紧身裤，保持自信表情。保持真实的比例和面部结构。他们身后是令人惊叹的 Vice City 天际线，处于黄金时刻向霓虹夜生活过渡的时段。包括：发光摩天楼棕榈树 Ocean Drive 豪华酒店热带氛围海面反射温暖日落紫色云层粉色和橙色天空豪华汽车细微警灯带聚光灯的直升机电影感薄雾体积光真实反射霓虹招牌湿润路面奢华迈阿密氛围左侧放置高级网站内容。大号 GTA 风格堆叠 Logo，文字为： GRAND THEFT AUTO VI 使用具有 Rockstar 灵感的正宗风格字体，并让「VI」采用鲜艳的粉色到橙色渐变。其下方：「下一个犯罪帝国就此开始。」使用优雅的手写斜体字体，带细微霓虹光晕。标题下方放置两个现代玻璃拟态按钮。主按钮： Play Now 霓虹粉渐变。次按钮： Watch Trailer 带播放图标的深色玻璃按钮。顶部导航： Home Story Characters Gameplay Media News 右上角：高级描边玻璃按钮： Pre-order Now 英雄文字下方放置漂浮的玻璃拟态信息卡，展示： Release Date Platforms Social Links Latest News 每张卡片使用：磨砂玻璃背景模糊圆角细微反射高级阴影奢华间距右下角放置一个现代漂浮音乐播放器。将 Apple 的人机界面美学与 Rockstar Games 品牌结合。色彩调色板：霓虹粉日落橙深紫海洋蓝黑白光照应包含：电影感轮廓光全局光照 HDR 光照真实绽放镜头光晕大气透视柔和景深高级调色 UI 应该感觉像是手工打造的、奢华、现代、极简且获得过奖项。不要通用网页模板。不要杂乱。每个元素都必须有意图且经过精心打磨。超高细节、写实数字插画、3A 概念艺术、电影感构图、Unreal Engine 5 质量、Octane Render、8K、高级 UI/UX 展示、奢华游戏揭晓网站、杰作。