创作者MercyDeGreat →@MercyDeGreat 使用 ChatGPT · AI Website Builder完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
查看原始来源 ↗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 展示、奢华游戏揭晓网站、杰作。
复用方法
关键决定
关键决定是先用一张 16:9 的全屏主视觉锁定两位主角、黑色肌肉车和 Vice City 夜色，再把 Logo、按钮、导航、信息卡和音乐播放器作为左侧与边角的 UI 层叠上去；城市细节、玻璃拟态和电影感光照共同支撑高级游戏揭晓感。
换到你的题材
可以替换游戏世界、角色服装、城市地标、按钮文案和品牌色，但骨架是全屏叙事主图加一侧信息层：主角与载具负责世界观，导航与行动按钮负责官网功能，卡片和播放器负责沉浸细节。换成原创游戏时应连同 IP 识别词一起重写，不能只替换 Logo。
容易翻车
复测时先看人物手部、枪械、汽车与文字 Logo 是否稳定，再确认左侧内容没有压住主角和城市焦点；霓虹、镜头光晕和玻璃反射叠加后很容易降低按钮与导航的对比度，且直接仿 Rockstar 风格存在版权风险，商用应改为原创视觉系统。
建议模型
Derived Skill
Skill 只从多个已发布 Case 的重复模式中派生，不是另一套投稿内容。
创作者
MercyDeGreat 在X输出 UI 工程化实践，《GTA VI 风格电影感游戏官网》搭 ChatGPT · AI Website Builder 出方案，带可复现代码。
继续探索
@Oluwaphilemon1 使用 Claude Fable 5 · Three.js · Blender · GSAP完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
Claude Fable 5 和 GPT-5.6 很强🥵🥵🥵 下面是我如何使用 Claude 构建的 👇 提示词：「设计一个机构网站，把服务以 3D 超市商品包装的形式呈现」 使用 Three.js 和 WebGL 在浏览器中实时渲染所有产品 使用 Blender 制作包装模型，然后导出为 GLTF 以加载到 Three.js 中 使用 GSAP 实现流畅的产品旋转和悬停交互 如果你想做一个让客户感觉像是在购买高级商品的作品集，请保存这条 🛒
提示语
有几个人询问提示词，所以放在这里 👇 附言：根据你的使用场景进行调整。 创建一个现代、极简的 3D 发票生成器机器组件，采用高级 SaaS 风格美学。 视觉设计 - 设计一台宽幅横向的发票打印机，灵感来自小票打印机，但外观未来感十足且干净利落。 - 使用细微的灰色线条、柔和阴影和极少细节。 - 机器应显得高级、轻盈而现代，而不是写实或工业化。 - 保持整体设计足够干净，使其可以放入仪表盘或落地页的 Hero 区域。 - 直接在机器上添加一个醒目的 Print Inv
@shushant_l 使用 AI Website Builder完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
下面介绍如何用 AI 以极简设计风格创建你的网站。 使用这条提示：为一位数字创作者和 AI 顾问设计一个现代极简作品集网站。采用干净的黑、白和中性色调，不使用渐变、玻璃拟态或过度的视觉效果。注重简洁、留白、强有力的排版、清晰的层级和快速加载性能。加入首屏介绍与行动号召、关于版块、精选项目作品集、服务版块、客户评价、博客/文章预览、技能与工具展示、客户 Logo、联系表单和页脚。加入细微动效、平滑滚动、优雅的卡片布局、移动端优先的响应式设计，以及对 SEO 友好的结构。整体美
