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

Grok 4.3 奶油色电商网站

创作者 · aigoldrushh

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

Prompt

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

Grok 4.3 beta 要来抢 Claude Design 的生意了🤯

这是构建视频中所示网站的确切提示词。

(必须收藏)

「使用 Tailwind CSS(通过 CDN 引入),柔和温暖的奶油 / 米色背景(#F8F1E9),俏皮但优雅的排版,粉色 / 青色强调色,营造欢乐、高级、值得信赖的美学(不要卡通化)。

精确的布局与内容:

1. 页头 / 导航栏:
   - 左侧:ToyTastic Logo(彩色方块 / 机器人图标)
   - 导航:Shop、Categories、Our Story
   - 右侧:搜索框(「Search for toys...」)、带红色通知徽标的购物车图标

2. Hero 区域:
   - 顶部徽标:「⭐ Winner - Best Toy Store 2025」
   - 大标题:「Where every toy sparks pure joy!」(其中「toy」用粉色)
   - 副标题:「Discover magical toys that inspire creativity, adventure, and endless giggles for kids of all ages.」
   - 按钮:粉色的「Shop Now →」和带描边的「Watch 60s video」(配播放图标)
   - 右侧:粉色花朵映衬蓝天的大幅圆角图片,带「New!」徽标
   - 底部信任信号:28,491 happy kids & parents,加小头像组

3. 信任条:100% Safe & Non-Toxic | Ships to 140+ countries | 30-day happiness guarantee | Parents' Choice Award Winner

4. 分类版块(横向可滚动卡片):
   - All Toys(1,248 toys)
   - Action & Adventure(312)
   - Dolls & Playsets(189)
   - Educational(267)
   - Creative & Arts(154)
   - Plush & Cuddly(326)

5. 「HOT THIS WEEK — Our Best Sellers」版块:
   - 两行商品网格(共 10 张卡片)
   - 精确的商品信息,含图片、名称、价格、年龄范围、评分和红色的「+ ADD」按钮:
     • Mega Dino Discovery Set — $29.99(3-8 岁)4.9★
     • Enchanted Princess — $39.99(4-10 岁)4.8★
     • Cosmic Explorer — $24.99(5-12 岁)4.7★
     • Rainbow Magic Art — $19.99(3-9 岁)4.9★
     • Cuddly Bear Family Set — $14.99(0-6 岁)5★
     • Turbo Track Racing Set — $34.99(4-10 岁)4.6★
     • World Explorer — $12.99(5-11 岁)4.5★
     • Giggle Bubble Blaster — $9.99(3-8 岁)4.4★
     • Superhero Action Pack — $22.99(4-9 岁)4.8★
     • Unicorn Dreamland — $27.99(3-7 岁)4.9★

6. 评价版块(3 张卡片):
   - Sarah Chen(两个孩子的妈妈,San Francisco)
   - Marcus Rivera(三个孩子的爸爸,Austin, TX)
   - Priya Patel(祖母,London, UK)

7. 「Our Story」版块:标题「We believe play is the most powerful form of learning.」加简短品牌故事(创立于 2017 年)加图片

8. 强力 CTA 版块:「Ready to make a child smile today?」加大号粉色「START SHOPPING NOW」按钮加「Join 28,000+ families」

9. 页脚(深色背景):Logo、链接、社交图标、邮件订阅、版权信息「© 2026 ToyTastic • Not a real store (demo website)」

让它完全响应式,带流畅的悬停动画、可用的购物车弹窗(含空状态和「Start Shopping」按钮)、可点击的商品卡片,以及现代高级的质感。将完整可运行的 HTML 代码输出在一个文件中。」
≡溯源 · 已核对已发布案例的 prompt 均经人工核对与原帖一致;平台逆向重构的 prompt 不予收录。核对原帖 ↗

适用模型与稳定度

建议模型

Grok 4.3GPT-5.6 Sol
稳定度
86 / 100
成本
中
对应 Skill产品与电商转化页 ↗落地页信息结构 ↗

独立复测证据

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

复测生成 · 非作者原作

复测解读 · GoodCase 编辑

作者想做什么
@aigoldrushh 想做一个奶油色调的玩具电商首页,九个区块从首屏、信任栏、分类、热销商品、评价、品牌故事一路排到 CTA 和页脚,所有文案和价格都写死。
实际输入与模型
输入是一份带完整文案的分区块文字 Prompt,要求输出单个 HTML 文件。创作者用的是 Grok 4.3 beta,我们两次复测都用 gpt-5.6-sol 生成,模型与原作不同。
测试条件与次数
两次独立运行,分别在 2026-08-09 和 2026-08-23,每次只生成一次。判定由 codex、claude、grok 三个模型自动投票,没有 0 到 100 的分数,只有结论和把握度,未经人工复核。创作者的设置和尝试次数未知。
做到了什么
第一次运行三票一致判为复现,评审提到首屏布局、内容层级和品牌风格与原作相当。第二次虽然掉档,评审仍认为整体结构和风格还在。
没做到或看不出来的
第二次运行三票一致判为掉档,原因是 10 款商品的网格整块缺失。同一份 Prompt 两次结果不同,但只有两次,说明不了稳定性的高低。
下一步可以调的变量
下一步可以把商品网格单独成段并写明必须 10 张卡片,生成后先数区块,或者把商品数据放成 JSON 数组再让页面渲染,对比哪种更不容易丢。

这段解读由 GoodCase 根据下方复测数据和作者的 Prompt 写成,是我们的判断,不代表作者本人的说法。

UI生成证据AI 自动评分

gpt-5.6-sol

2026年8月9日

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

多人复现

1 个人用同一段 Prompt 跑出了自己的作品。

复现作品 · 非作者原作
卡尔
复现者卡尔
2026年10月15日
卡尔 的复现作品打开复现作品 ↗
glm-5.3

GLM-5.3 单次生成;Codex 人工修复运行依赖、必要源码及移动布局,未重新生成。桌面/手机真实渲染和资源检查通过;完整功能与视觉还原尚未全部验收。源码、截图和修复记录见复现出处。

复现出处 ↗

继续探索

继续看相关 Case。

查看全部 AI 编程(UI) Case →
Zeroframe 数据智能平台多页站
AI 编程(UI)X收录 2026/07/28

Zeroframe 数据智能平台多页站

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

Skill · 产品与电商转化页Skill · 落地页信息结构

提示语

不再是这样了。@clovr_dev 一次性生成了这个多页 Demo。 Prompt: 为我创建一个名为“zeroframe”的数据智能平台网站。 他们服务企业客户,用 AI 分析数据。整体采用未来感的单色极简气质。使用我提供的 Logo。浅色模式。 现在加入候补名单()

来源热度 · X
26
稳定度
89
查看 Case →
Hunyuan 加密产品 3D 落地页
AI 编程(UI)X收录 2026/07/28

Hunyuan 加密产品 3D 落地页

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

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

提示语

🚨 这个中国模型太离谱了!! 我刚测试了腾讯的 Hunyuan AI 模型来构建一个专业落地页,效果令人震惊 🤯 这是我使用的确切提示词: 「为一个加密货币相关产品创建一个现代落地页,包含精美的 Hero 区域、3D 元素、定价表和白名单表单」 它生成的内容: → 干净、响应式的前端代码 → 带流畅交互的复杂 UI 组件 → 内置调试(它自己修复了错误) → 几分钟内达到生产就绪 这个 2950 亿参数的模型有两个厉害的代理: → Coding Agent(处理整

来源热度 · X
19
稳定度
82
查看 Case →
Hunyuan AI SaaS 完整落地页
AI 编程(UI)X收录 2026/07/28

Hunyuan AI SaaS 完整落地页

@AIwithArsalan 使用 Tencent Hunyuan Hy3完成的网页案例,包含公开结果、完整 Prompt 与原始来源。

Skill · 产品与电商转化页Skill · 落地页信息结构

提示语

我一直在用 Tencent Hunyuan Hy3 测试一个实际的前端生成任务,而不是简单的代码 Prompt。 我让它构建一个完整的 AI SaaS 落地页,使用响应式 HTML、CSS 和 JavaScript,并包含暗色模式、定价、用户评价、常见问题、平滑动画以及代码结构拆解。 结果结构良好、易于理解,甚至还提出了生产环境中可执行的改进建议。 对于正在构建 AI agents、编码工具或 web app 的开发者来说,Hy3 值得探索。 @TencentHuny

来源热度 · X
14
稳定度
83
查看 Case →

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