加载中…
案例库 · 公开证据
@viktoroddy 使用 Gemini · Claude完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
构建一个 Velorah 落地页——一个面向电动房车 / 露营车品牌的高级深色主题单页网站。使用 React、TypeScript、Tailwind CSS 和 hls.js 库。页面纵向堆叠 6…
@viktoroddy 使用 AntiGravity · Gemini 3.1 Pro完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
构建一个 Hero 区域,具体规格如下: 整体布局: 全宽版块,背景色 #000000(纯黑) overflow hidden 所有内容背后播放背景视频(详情见下) 背景视频: 来源: 自动播放、循环、静音、playsInline…
@aiedge_ 使用 Gemini 3.1 Pro完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
为一个 [插入公司名] 做 UI/UX 网页设计,暗色模式,极简主义,高级企业科技美学。抽象的 3D 流体形状背景,深蓝、紫色和翠绿色的发光渐变。卡片式布局,带细微玻璃拟态,干净的无衬线字体,高对比度白色…
@viktoroddy 使用 Gemini 3.1完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
构建一个高级电动车落地页,具有深色电影感美学。整个网站使用黑色背景(hsl(0,0%,0%)),配浅色文字(主色 hsl(0,0%,95%))和橙色强调色(hsl(25,100%,50%))。不使用默认字体——保持极简和编辑感。使用…
这条案例的价值不在提示词本身(prompt 只是一个 GitHub 链接),而在于它开源了一整套图生 3D 工作台:后端统一代理 Tripo、Hyper3D、Fal.ai、Hunyuan3D 等多家图生 3D API 并自动降级,密钥不进前端、生成结果本地缓存复用,是少见的能直接跑起来学的工程参考,而不是一次性效果展示。 说明:该案例的创意归属存在争议——有创作者公开指出此想法与其更早发布的作品高度相似且未获署名,开源仓库的致谢也被指不完整。收录基于其工程实现的参考价值,归属争议请读者自行判断。
方法 / 代码
查看方法 ↗
一个非常简单的高级提示,用于使用 Gemini 设计一个 CapCut(剪映)风格的视频编辑应用程序界面。
提示语
设计一个 {argument name="app_name" default="CapCut"}。

一个日文提示,要求 Gemini 生成 40 个浅蓝色线条风格的简单、多功能 SVG 图标,并为每个图标提供下载按钮。
提示语
シンプルで汎用性が高いアイコン{argument name="icon_count" default="40"}種類をSVG形式で生成してください。必ずCanvasに描画がしてください。色は{argument name="icon_color" default="ライトブルー"}。背景は{argument…

一个英文提示片段,指示 Gemini 实现一个高端瑞士现代风格的着陆页,作为单个文件 React 组件,遵循严格的规范并使用瑞士现代和 Bento 布局概念。
提示语
{argument name="generator_name" default="High-End LP Generator (Swiss Style)"} 後述する【Input Text】を元に、以下の仕様を厳守して最高品質のLPをReact(Single File)で実装してください。 1. Design Concept:…
三行技术栈清单直接对应三个实现步骤:摄像头取流、Mediapipe 抓人脸关键点、Three.js 按关键点实时渲染激光眼特效,提示词本身就是一份技术方案而不是效果描述,作者后来还把它做成了开源网页。
提示语
使用电脑的前置摄像头 使用 mediapipe 库捕捉面部关键点 使用 threejs,根据 mediapipe 提供的实时 3D 关键点信息,为摄像头捕捉到的面部应用激光眼特效
用一张参考图代替文字描述整套视觉风格,只留一句话要求把图片转成体素艺术风格的 Three.js 单页代码,考验的是模型的图生代码能力而不是文字理解能力,和纯文字提示词是完全不同的技术路径。
提示语
我提供了一张图片。请根据这张图片编写一个漂亮的体素艺术场景。用 Three.js 写成单页代码
三句话生成一整个可交互网页:风格、动效、色彩三个关键词加一个页面标题,证明 Gemini 3 对新粗野主义这种视觉语言高度共识的风格,短提示词也能跑出完整效果,而不需要逐段拆解排版要求。
提示语
做一个新粗野主义风格的网页,尽可能极具创意,把限制推到极致。加上流畅的滚动动画,加上花哨的配色和 Tailwind CSS 样式。做成响应式的。页面标题是 dorksense

一个英文提示,要求 Gemini 生成一个高度详细且富有创意的纽约天际线 SVG,该 SVG 可以作为单个 HTML 文件粘贴并在 Chrome 中打开。
提示语
制作 {argument name="city_skyline" default="NEW YORK SKYLINE"} 的 SVG。可使用任何库来完成,但请确保我能将全部内容粘贴到单个 HTML 文件中并用 Chrome…
@chetaslua 使用 Gemini 3 Pro完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
🚨 Gemini 3.0 pro - ecpt checkpoint Holy shit,我们的 Prompt 和想象力就是唯一的限制,去看看这个网站。 Prompt:编写一个关于模拟理论的神秘网站。让它感觉像现实正在实时渲染——实体物体下方出现…

用素描线条加水彩泼溅这两种技法的混合而不是单一风格,这条决定让运动员肖像同时具备写实的力量感,素描线条勾勒五官,和情绪化的艺术张力,水彩泼溅营造能量感,这是体育海报区别于普通球星…
提示语
创作一张超精细的艺术体育海报,采用素描线稿与水彩泼墨结合的风格。 主体: [在此填写],身穿国家队球衣([号码]),运动型身材,五官立体,发型有造型感。表情强烈而专注,视线略向上或侧方。 姿势与构…

用 2x3 六格拼贴版式把六个不同城市统一收纳进一张主视觉图,每格又各自要求包含城市名、国家名、标语、坐标、图标、地标六项固定信息,这种统一版式加每格固定信息槽位的写法,是让六张…
提示语
为“[国家名称] TRAVEL POSTERS”生成一张复古旅行海报拼贴风格主视觉。 整体版式: 仿古米色纸张背景;顶部使用巨大、粗体的国家名称(如 JAPAN / ITALY / FRANCE);中央副标题为“TRAVEL POSTERS FROM…

用女孩轻抚老虎的脸和老虎守护般地趴在她身后这组具体的互动姿态,而不是简单地把人和猛兽并排摆拍,这条决定是让亲密联结这个抽象设定变得可信的关键,一个具体的触碰动作加一个保护性的体态…
提示语
超写实电影感肖像:一名神秘的年轻另类女孩坐在阴暗、雾气弥漫的松林中,身旁是一只巨大的孟加拉虎。情绪化、忧郁的氛围;柔和冷色调;深邃森林阴影;老虎毛发纹理高度精细;真实人类皮肤毛孔;忧郁表情…
用四个角色位,center、left、right、back,加对应的固定样式表(缩放、模糊、透明度、层级)来描述轮播状态,而不是直接写死每张图片的具体位置,这种角色位驱动样式的架…
提示语
一键获取所有惊艳动画网站的 Prompt:http://motionsites.ai 用 React + TypeScript + Vite + Tailwind CSS 构建一个全视口高度的单一主视觉区块,图标使用…
@viktoroddy 使用 Gemini · AntiGravity · React完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
--- ## Prompt:重建 Dental Health 落地页 使用 **React + Vite + TypeScript + Tailwind CSS** 创建一个单页牙科诊所落地页。不要使用外部 UI 库或图标库。所有内容都放在一个 `App.tsx`…
一份详细的动漫风格分镜提示词,用于展示制作传统南印度蒸米糕(Idli)的过程,包含第一人称视角(POV)镜头和精美的食物特写摄影。
提示语
一段快节奏、无对白的 10 秒动漫烹饪蒙太奇,没有台词。 顺序:第一人称视角打开装有大米和黑豆的容器 → 磨成顺滑的发酵米浆 → 给 Idli 模具刷油 → 把米浆倒入模具 → 把模具放进传统蒸笼 → 蒸至完全松软…
一份全面的多场景项目提示词,用于创作 LEGO Lamborghini 组装的超写实 ASMR 视频,包含运镜指导和音效说明。
提示语
创建一个专业的电影制作分镜,为一支 10 秒 ASMR 视频展示 LEGO Technic Lamborghini Aventador 的组装过程。 布局应像真实电影分镜:8 个按顺序排列的面板,分成两列。 每个面板必须包含:•…
@elvissun 使用 Claude Design · Codex · Gemini · OpenClaw完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
我在一天内把自己的落地页重做出来了,过程中一起使用了 Claude Design、Codex、Gemini 和 OpenClaw。 这是一个 10 步流程,每个工具负责工作中的不同部分。 下面是我做的全部事情: 1.…