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

Creator · 值得学习

viktoroddy

viktoroddy 在X输出 UI 工程化实践,《AntiGravity + Gemini 3.1 落地页》搭 AntiGravity · Gemini 3.1 Pro 出方案,带可复现代码。

viktoroddy 的头像
创作者资料
viktoroddy
案例
18
X / X / 𝕏
平均值
78
Stability
来源互动
21922
Total
证据
3
L1 / L2 Cases
最近作品
2026/07/28
已发布 Case 里最新的来源发布时间

作者标志性方法

从重复作品里找方法。

只有同一作者至少 3 个已发布 Case 重复出现同类做法,才会形成作者方法;作者热度本身不能生成方法。

作者方法14 Cases

viktoroddy · 滚动视频玻璃层

从 viktoroddy 的 14 个已发布 Case 中归纳出的「3D / 动效 Hero」方法。

查看方法证据 →
作者方法11 Cases

viktoroddy · 像素级暗色首屏

从 viktoroddy 的 11 个已发布 Case 中归纳出的「落地页信息结构」方法。

查看方法证据 →

代表案例

从代表 Case 开始判断。

返回创作者索引
AntiGravity + Gemini 3.1 落地页
AI 编程(UI)X收录 2026/07/28

AntiGravity + Gemini 3.1 落地页

@viktoroddy 使用 AntiGravity · Gemini 3.1 Pro完成的网页案例,包含公开结果、完整 Prompt 与原始来源。

Skill · 3D / 动效 HeroSkill · 落地页信息结构

提示语

提示词: 构建一个 Hero 区域,具体规格如下: 整体布局: 全宽版块,背景色 #000000(纯黑) overflow hidden 所有内容背后播放背景视频(详情见下) 背景视频: 来源: 自动播放、循环、静音、playsInline 缩放到容器的 120%(宽度和高度均为 120%) 水平居中,焦点锚定在底部 位于所有内容之下(最低层级) 模糊背景元素: 绝对定位,水平居中,顶部偏移约 215px 尺寸:宽 801px × 高 384px,完全圆角(药丸

来源热度 · X
97
稳定度
89
查看 Case →
Google Stitch 对比 Claude 网页生成
AI 编程(UI)X收录 2026/07/28

Google Stitch 对比 Claude 网页生成

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

Skill · 落地页信息结构

提示语

一键获取所有令人惊艳动效网站的提示词: 复刻这个落地页的完整提示词 为一家名为「APEX」的虚构公司创建一个深色、高级的 SaaS 落地页——一个营收加速平台。设计采用「液态玻璃」美学,超深色背景、半透明玻璃拟态元素,配绿色强调色。页面使用 React、Vite、TypeScript、Tailwind CSS、shadcn/ui 构建,视频流使用 hls.js。 全局设计系统 字体:Geist Sans(安装 @fontsource/geist-sans,字重 400

来源热度 · X
99
稳定度
86
查看 Case →
Gemini vs Claude:Velorah 电动房车落地页
AI 编程(UI)X收录 2026/07/28

Gemini vs Claude:Velorah 电动房车落地页

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

Skill · 落地页信息结构

提示语

一键获取所有令人惊艳动效网站的提示词: 构建一个 Velorah 落地页——一个面向电动房车 / 露营车品牌的高级深色主题单页网站。使用 React、TypeScript、Tailwind CSS 和 hls.js 库。页面纵向堆叠 6 个版块。整个页面背景为纯黑(hsl(0,0%,0%))。所有标题和展示文字使用 Instrument Serif 字体(在 index.html 中通过 <link> 从 Google Fonts 加载),正文使用 Inter。 全局样式

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

全部作品

viktoroddy 的全部作品

  • Nano Banana + Kling + Claude 电影感 HeroAI 编程(UI) · Nano Banana · Kling · Claude · 2026-07-28
  • Nano Banana + Veo 3 + Lovable 动效站AI 编程(UI) · Lovable · Nano Banana · Veo 3 · 2026-07-28
  • Nano Banana + Flow + AntiGravity 动效网站AI 编程(UI) · Nano Banana · Flow · AntiGravity · 2026-07-28
  • Gemini 3.1 一次生成动效网站AI 编程(UI) · Gemini 3.1 · 2026-07-28
  • GPT Image 2 + Veo 3 + Lovable 营销站AI 编程(UI) · GPT Image 2 · Veo 3 · Lovable · 2026-07-28
  • 应式3D角色轮播动画UIAI 编程(UI) · Claude Sonnet · 2026-07-13
展开其余 9 条
  • Grok Imagine + Grok Build:Veldara HeroAI 编程(UI) · Grok Imagine · Grok Build · 2026-07-28
  • Claude + Nano Banana + Kling 动画网站AI 编程(UI) · Claude Code · Nano Banana Pro · Kling · 2026-07-28
  • Claude Mythos:Lithos 地质品牌 HeroAI 编程(UI) · Claude Mythos · 2026-07-28
  • ChatGPT Image 设计转 React Native 网站AI 编程(UI) · ChatGPT Image 2.0 · Claude Opus 4.6 · 2026-07-28
  • Fable 与 Opus 同 Prompt 滚动页对比AI 编程(UI) · Fable · Claude Opus · 2026-07-28
  • Claude + Fable:Aethera Fintech 落地页AI 编程(UI) · Claude · Fable · 2026-07-28
  • Gemini + AntiGravity 牙科诊所网站AI 编程(UI) · Gemini · AntiGravity · React · 2026-07-28
  • Claude 自动生成单页动效站AI 编程(UI) · Claude · 2026-07-28
  • 太空旅行全屏动画 HeroAI 编程(UI) · React · Vite · TypeScript · 2026-07-28

Creator 页只聚合已有 Case,所有判断都能回到作品证据。