加载中…
创作者 · ianiketnagapure
查看原始来源 ↗复刻提示词保留原文,另附运行环境、素材与验收要求;附加说明不是原作者原话。
在 Cursor 中尝试了 Sonnet 5(high)
提示词:
「构建一个生产级、电影感的 FIFA 世界杯网站,包含真实感视觉、比赛日程、沉浸式动画和高级 UI/UX」
结果如下 👇
第一次尝试做出了一个还不错的包含比赛、积分榜和赛程的仪表盘……但还不够华丽。
图片生成没有成功(符合预期),所以我让它尽可能抓取可用的图片。
还在测试这个新模型到底有多强。我接下来还应该用 Sonnet 5 测试什么?欢迎留言告诉我👇适用模型与稳定度
建议模型
独立复测证据
2026年8月9日
继续探索
@viktoroddy 使用 AntiGravity · Gemini 3.1 Pro完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
提示词: 构建一个 Hero 区域,具体规格如下: 整体布局: 全宽版块,背景色 #000000(纯黑) overflow hidden 所有内容背后播放背景视频(详情见下) 背景视频: 来源: 自动播放、循环、静音、playsInline 缩放到容器的 120%(宽度和高度均为 120%) 水平居中,焦点锚定在底部 位于所有内容之下(最低层级) 模糊背景元素: 绝对定位,水平居中,顶部偏移约 215px 尺寸:宽 801px × 高 384px,完全圆角(药丸
@Oluwaphilemon1 使用 Claude · Three.js · GSAP完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
我如何用 Claude 构建它 👇 1. Prompt:“构建一个叙事网站,每个滚动区块都通过流畅的色彩过渡揭示一个新的章节” 2. 使用 Three.js 制作会响应光标的绘画质感背景 3. Prompt:“加入 GSAP ScrollTrigger,让每个区块像电影场景一样进入动画” 4. 使用 Lenis.js 实现高级网站那种丝滑的平滑滚动
提示语
提示词: 构建一个高级电动车落地页,具有深色电影感美学。整个网站使用黑色背景(hsl(0,0%,0%)),配浅色文字(主色 hsl(0,0%,95%))和橙色强调色(hsl(25,100%,50%))。不使用默认字体——保持极简和编辑感。使用 shadcn/ui 设计令牌。以下是按顺序排列的各版块: 设计系统(index.css) --background: 0 0% 0% --foreground: 0 0% 12%(用于 CTA 按钮内圆等深色元素) --primar
Case 详情页把原帖效果、Prompt 与复测证据放在同一条阅读路径里。