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
早期互联网风个人档案页

早期互联网风个人档案页

创作者 · Kashberg_0

AI 编程(UI)X收录 2026/07/28已有人复测#web#human-reviewed
更多标签 (2)
#web-uiChatGPT Image 2
查看原始来源 ↗
原帖 ♥ 102

Prompt

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

ChatGPT 上的 GPT iMAGE 2

提示词:
在一张大幅白色画布上设计一个极简早期互联网风格的个人档案网页 / 数字作品集落地页,留出充裕的负空间,并配一圈细薄的粉彩粉色浏览器风格边框。中央放置 [SUBJECT] 的黑白编辑肖像,带柔和胶片颗粒、细微扫描纹理和低反差摄影色调。

在肖像周围散布档案元数据标签和小型星号项目符号,采用不对称排列,呈现俏皮个人简历的感觉。加入如下描述:

✦ 创作者
✦ 模特
✦ 造型师
✦ DJ
✦ 女孩
✦ 摄影师
✦ 收藏家
✦ 梦想家

在左上角制作一个彩色手绘 Logo 或个人品牌标记。其下方用小号系统字体加入微小的时间戳和日期,模拟旧式个人主页。

在右上角放置不规则贴纸风格的导航标签,使用明亮的强调色(粉色、青色、紫色、黄色和绿色)。使用如下简单标签:

HOME
ABOUT
WORK
DIARY
LINKS

在空白区域散布手写马克笔风格的笔记、自我介绍、个人想法和生活方式文案。示例:

「目前正在网上创作」
「欢迎来到我的主页」
「音乐、时尚、互联网」
「今天已更新」
「在不同项目之间生活」

保持反网格的编辑版式,刻意保留不完美的间距和俏皮的位置安排。混合微小系统字体、手写体和随意的笔记本式注释。让肖像始终保持完全单色,只把颜色留给 Logo、导航贴纸和少量图形强调元素。
≡溯源 · 已核对已发布案例的 prompt 均经人工核对与原帖一致;平台逆向重构的 prompt 不予收录。核对原帖 ↗

适用模型与稳定度

建议模型

ChatGPT Image 2
稳定度
90 / 100
成本
中
对应 Skill个人作品集叙事 ↗

独立复测证据

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

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

gpt-5.6-sol

2026年8月9日

复测分84.5
桌面截图模型生成 UI 的桌面截图手机截图模型生成 UI 的手机截图
下载生成 HTML ↓
claude-sonnet-5 · 74.5gpt-5.6-sol · 94.5分歧 · 20
  • 跨模型复测:建议模型是 ChatGPT Image 2,这次复测用的是 gpt-5.6-sol。结果说明这段 Prompt 换到 gpt-5.6-sol 上的表现,不代表作者用原模型做出的效果。
  • 复测分是两个 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 →
ChatGPT Image 个人品牌网站视觉稿
AI 编程(UI)X收录 2026/07/28

ChatGPT Image 个人品牌网站视觉稿

@Preda2005 使用 ChatGPT Image 2.0完成的网页案例,包含公开结果、完整 Prompt 与原始来源。

Skill · 个人作品集叙事Skill · 落地页信息结构

提示语

我使用 ChatGPT Image 2.0 设计了整个网站。 这真的太疯狂了。🤯 它不只是生成了一个布局…… 它理解了我的风格、我的工作和我的故事。 提示词: 「基于你所了解的关于 Marcio Lima,也就是 @Preda2005 的一切,创建一份关于其工作的详细信息图,并设计一个现代、高端的个人网站。」

来源热度 · X
22
稳定度
80
查看 Case →
GLM 4.7 时尚品牌网站迭代
AI 编程(UI)X收录 2026/07/28

GLM 4.7 时尚品牌网站迭代

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

Skill · 个人作品集叙事Skill · 落地页信息结构

提示语

非常令人印象深刻的 @Zai_org GLM 4.7 网站设计 提示词一: 我想让你真正展示出你的能力 这是我第一次使用你,所以我想了解你的能力,以及你能为我展示什么,尤其是从视觉设计角度来说 你可以使用技能,请先运行这些 - 「openskills read zai-cli」 - 「openskills read dev-browser」 提示词二: 我觉得你可以做得比那更好。周围可以打磨得更精致一些。那看起来只是想炫技,实际效果并不太好。请进行深度思考。 最终提

来源热度 · X
12
稳定度
78
查看 Case →

同作者

同作者更多 · Kashberg_0 →

  • 强制透视奢华产品广告AI 图像 · GPT Image 2 · 2026-07-28
  • 怀旧东亚旅行海报AI 图像 · GPT Image 2 · 2026-09-11
  • SynapseX 全屏 3D HeroAI 编程(UI) · Grok Imagine 1.5 · Grok Build · 2026-07-28

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