GoodCase.aiAI 动态 · Radar↗图谱 · AI Map↗课程 · LearnPrompt↗
出品GoodCase.aiAI News Radar ↗AI Map ↗LearnPrompt ↗
GoodCase.aiGoodCase.aiAI提示语案例合集
GoodCase.ai
排行榜案例Skills收藏投稿早报加入我们
中文EN
Agent 接入 →

出品

AI 动态 · Radar ↗图谱 · AI Map ↗课程 · LearnPrompt ↗
GoodCase.aiGoodCase.aiAI提示语案例合集
排行榜案例Skills收藏投稿早报加入我们
中文EN
Agent 接入 →

加载中…

GoodCase.ai · AI提示语案例合集
DSH 插件榜更新日志反馈
模型创作者Seedance 2.5Seedance 2.0GPT Image 2GeminiNano Banana ProClaudeClaude Opus 5.5Grok ImagineVeoKling 可灵Qwen ImageGPT Image 1.5MiniMax H3

HeroUI 电影导演作品集

创作者 · EHuanglu

AI 编程(UI)X收录 2026/07/28已有人复测#web#human-reviewed
更多标签 (4)
#web-ui#motion-3dHeroUIGPT-5.6 Sol
查看原始来源 ↗
原帖 ♥ 17

Prompt

复刻提示词保留原文,另附运行环境、素材与验收要求;附加说明不是原作者原话。

技巧 4:电影人的网站

你可以使用这个 Prompt 为电影人生成一个艺术化网站

网站链接:

Prompt:

为一位电影导演创建一个艺术化、电影感的作品集网站。首页应展示来自其影片的全屏背景视频或图像蒙太奇,配合戏剧化打光和有情绪的色调。使用粗衬线字体呈现导演姓名,并配上一句简短标语,例如:用光与静默讲故事。

添加一个精选影片版块,用海报或剧照展示;每个项目都应打开一个整页案例研究,包含预告片、剧情梗概、导演手记和幕后照片。

加入一个 About 版块,包含诗意的个人简介和一张黑白肖像。

加入一个 Press & Awards 版块,放置电影节 Logo 和影评引用。

在底部加入联系表单,配合电影感转场;可选加入细微音效或环境音乐。

整体风格应极简、现代且富有情绪——深色主题、缓慢动画、强烈的视觉叙事。必须响应移动端,并支持流畅滚动。
≡溯源 · 已核对已发布案例的 prompt 均经人工核对与原帖一致;平台逆向重构的 prompt 不予收录。核对原帖 ↗

适用模型与稳定度

建议模型

HeroUIGPT-5.6 Sol
稳定度
88 / 100
成本
中
对应 Skill3D / 动效 Hero ↗个人作品集叙事 ↗

独立复测证据

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

复测生成 · 非作者原作
UI生成证据AI 自动评分

gpt-5.6-sol

2026年8月9日

复测分83.3
桌面截图模型生成 UI 的桌面截图手机截图模型生成 UI 的手机截图
下载生成 HTML ↓
claude-sonnet-5 · 79.4gpt-5.6-sol · 87.1分歧 · 7.7
  • 与建议模型同族(HeroUI / GPT-5.6 Sol)。作者在 Prompt 之外用了哪些参数,我们不知道。
  • 复测分是两个 AI 裁判对这一次生成各自打分(0–100)后的均分;没有经过人工判定,也不能当成功率看。

继续探索

继续看相关 Case。

查看全部 AI 编程(UI) Case →
Claude Mythos:Lithos 地质品牌 Hero
AI 编程(UI)X收录 2026/07/28

Claude Mythos:Lithos 地质品牌 Hero

@viktoroddy 使用 Claude Mythos完成的网页案例,包含公开结果、完整 Prompt 与原始来源。

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

提示语

❤️‍🔥 一键获取所有令人惊艳的动效网站提示词: http:// 用 React 18 + TypeScript + Vite + Tailwind CSS 和 lucide-react 图标,为一个名为 Lithos 的地质品牌构建一个全屏深色主题 Hero 区域。招牌功能是一个跟随光标的聚光灯效果,通过一个柔和的圆形遮罩,在底图之上揭示出第二张图片。请精确匹配以下每一处细节。 ### 字体 在 `src/index.css` 顶部加入以下内容,然后写 `@tailw

来源热度 · X
61
稳定度
76
查看 Case →
3D 超市包装式创意机构官网
AI 编程(UI)X收录 2026/07/28

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

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

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

提示语

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

来源热度 · X
10
稳定度
84
查看 Case →
Neumorphism 个人作品集
AI 编程(UI)X收录 2026/07/28

Neumorphism 个人作品集

@shushant_l 使用 AI Website Builder完成的网页案例,包含公开结果、完整 Prompt 与原始来源。

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

提示语

下面是使用 Neumorphism 风格创建个人作品集网站的方法。 使用以下 Prompt:制作一个高端未来感作品集网站,采用干净的 Neumorphism UI,包含柔和凸起表面、细微深度、真实阴影、圆角组件,以及完全不使用渐变的单色调色板。只使用白色、米白、浅灰、炭灰和黑色的精致组合。加入流畅的 3D 元素,例如悬浮卡片、可交互几何对象、分层面板、基于深度的悬停效果和动画图标。全程加入流畅微交互、滚动触发动画、视差移动、页面转场、加载动画和沉浸式动效设计。页面结构包含

来源热度 · X
7
稳定度
92
查看 Case →

Case 详情页把原帖效果、Prompt 与复测证据放在同一条阅读路径里。