GoodCase.aiGoodCase.ai中文 AI Case 证据库
案例Skills创作者收藏投稿
中文EN
Agent 接入 →
GoodCase.ai · 中文 AI Case 证据库案例库加载中。
更新日志反馈
GoodCase.aiGoodCase.ai中文 AI Case 证据库
案例Skills创作者收藏投稿
中文EN
Agent 接入 →
AI 编程(UI)X2025-11-13证据 L1#youmind#Gemini 3 Pro#human-reviewedGemini 3 Pro

一句话新粗野主义网页

DO创作者Dorksense →

三句话生成一整个可交互网页:风格、动效、色彩三个关键词加一个页面标题,证明 Gemini 3 对新粗野主义这种视觉语言高度共识的风格,短提示词也能跑出完整效果,而不需要逐段拆解排版要求。

查看原始来源 ↗
原帖 ♥ 6k

Prompt

做一个新粗野主义风格的网页,尽可能极具创意,把限制推到极致。加上流畅的滚动动画,加上花哨的配色和 Tailwind CSS 样式。做成响应式的。页面标题是 dorksense

复用方法

关键决定

只给了风格名称新粗野主义、一个推到极限的强度要求、两个具体技术实现点流畅滚动动画和 Tailwind CSS、以及一个页面标题,完全没有描述任何具体的页面内容或排版结构,这条能跑通的前提是新粗野主义本身是一个视觉语言高度共识的风格词,模型的训练数据里已经有足够多对应的真实案例可以直接调用,短提示词才不会退化成随便发挥。加了尽可能推到极限这种带强度的指令而不是只说做得有创意,这类推力型措辞会让模型输出更大胆的版本而不是保守的默认版本。

换到你的题材

变量几乎只有风格名称和页面标题,骨架就一条:风格词加强度指令加一两个技术约束。这个骨架只对训练数据里样本量大、视觉特征明确的风格词有效,换成小众或者自创的风格描述词时,短提示词大概率会失败,需要退回到详细描述排版和配色的写法。

容易翻车

极简提示词的复现率完全依赖模型版本,同样这句话换成旧一代模型很可能生成一个平庸保守的页面,收录这类案例时要在推荐模型字段里标注清楚版本号,不能只写模型系列名。另外整条案例没有指定任何具体页面内容,导航、正文区块,不同次生成的页面结构差异会很大,复测时不要期待复现出和原图完全一样的排版,只能期待复现出同样强度的新粗野主义视觉语言。

建议模型

Gemini 3 Pro
稳定度
成本
低

Derived Skill

这个 Case 可以学走的方法。

Skill 只从多个已发布 Case 的重复模式中派生,不是另一套投稿内容。

通用 Skill落地页信息结构查看证据 →
DO

创作者

Dorksense

Dorksense 在X输出 UI 工程化实践,《一句话新粗野主义网页》搭 Gemini 3 Pro 出方案,带可复现代码。

编辑精选AI 编程(UI)来源互动高低成本可学
查看创作者 →

继续探索

继续看相关 Case。

查看全部 AI 编程(UI) Case →
Gemini 模拟理论交互网站
AI 编程(UI)X@chetaslua →

Gemini 模拟理论交互网站

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

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

提示语

🚨 Gemini 3.0 pro - ecpt checkpoint Holy shit,我们的 Prompt 和想象力就是唯一的限制,去看看这个网站。 Prompt:编写一个关于模拟理论的神秘网站。让它感觉像现实正在实时渲染——实体物体下方出现线框网格,纹理逐步加载,元素短暂漂浮的物理故障。加入 Matrix 风格的代码雨背景,让各个区块在“已渲染”和“源代码”视图之间闪烁切换,并加入环境计算机处理声音;最后设计一个元叙事时刻,让网站承认自己正在被观看。把它设计成一位

来源热度
73
稳定度
投票催复测
查看 Case →
Mediapipe 实时人脸激光眼特效网页
AI 编程(UI)X2025/11/19愚瞳 | winterx →

Mediapipe 实时人脸激光眼特效网页

三行技术栈清单直接对应三个实现步骤:摄像头取流、Mediapipe 抓人脸关键点、Three.js 按关键点实时渲染激光眼特效,提示词本身就是一份技术方案而不是效果描述,作者后来还把它做成了开源网页。

Skill · 落地页信息结构

提示语

使用电脑的前置摄像头 使用 mediapipe 库捕捉面部关键点 使用 threejs,根据 mediapipe 提供的实时 3D 关键点信息,为摄像头捕捉到的面部应用激光眼特效

来源热度
81
稳定度
投票催复测
查看 Case →
从一张图片生成 Three.js 体素艺术场景
AI 编程(UI)X2025/11/18Ian Goodfellow →

从一张图片生成 Three.js 体素艺术场景

用一张参考图代替文字描述整套视觉风格,只留一句话要求把图片转成体素艺术风格的 Three.js 单页代码,考验的是模型的图生代码能力而不是文字理解能力,和纯文字提示词是完全不同的技术路径。

Skill · 3D / 动效 Hero

提示语

我提供了一张图片。请根据这张图片编写一个漂亮的体素艺术场景。用 Three.js 写成单页代码

来源热度
81
稳定度
投票催复测
查看 Case →
GoodCase.ai · 中文 AI Case 证据库Case 详情页把作品、方法、作者与复测证据放在同一条阅读路径里。
更新日志反馈