Grok 4.3 奶油色电商网站

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.3

稳定度: 86 / 100
成本: 中

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 →

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.3