加载中…
案例库 · 公开证据
@Oluwaphilemon1 使用 Claude · Three.js · GSAP完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
1. Prompt：“构建一个叙事网站，每个滚动区块都通过流畅的色彩过渡揭示一个新的章节” 2. 使用 Three.js 制作会响应光标的绘画质感背景 3. Prompt：“加入 GSAP…
@viktoroddy 使用 Nano Banana · Kling · Claude完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
提示词：电影感 Hero 区域，带循环视频背景 用 React + Vite + Tailwind CSS + TypeScript 创建一个全屏单页 Hero 区域，具体规格如下： 字体： 展示文字（标题、Logo）：Instrument…
@viktoroddy 使用 Gemini · Claude完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
构建一个 Velorah 落地页——一个面向电动房车 / 露营车品牌的高级深色主题单页网站。使用 React、TypeScript、Tailwind CSS 和 hls.js 库。页面纵向堆叠 6…
提示语
“制作一个极简、专业的邮件签名生成器。 1/ 功能： → 表单输入：姓名、职位、电话、Twitter/X → 实时邮件签名预览，随输入即时更新 → 复制按钮，将签名作为
@viktoroddy 使用 Lovable · Nano Banana · Veo 3完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
创建一个单页 Hero 区域，带全屏循环背景视频、玻璃拟态导航和电影感排版。使用 React + Vite + Tailwind CSS + TypeScript，配 shadcn/ui。 视频背景： 全屏 <video> 元素，带…
@viktoroddy 使用 Google Stitch · Claude完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
为一家名为「APEX」的虚构公司创建一个深色、高级的 SaaS 落地页——一个营收加速平台。设计采用「液态玻璃」美学，超深色背景、半透明玻璃拟态元素，配绿色强调色。页面使用…
@aiedge_ 使用 Gemini 3.1 Pro完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
为一个 [插入公司名] 做 UI/UX 网页设计，暗色模式，极简主义，高级企业科技美学。抽象的 3D 流体形状背景，深蓝、紫色和翠绿色的发光渐变。卡片式布局，带细微玻璃拟态，干净的无衬线字体，高对比度白色…
@viktoroddy 使用 AntiGravity · Gemini 3.1 Pro完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
构建一个 Hero 区域，具体规格如下： 整体布局： 全宽版块，背景色 #000000（纯黑） overflow hidden 所有内容背后播放背景视频（详情见下） 背景视频： 来源： 自动播放、循环、静音、playsInline…
@viktoroddy 使用 Nano Banana · Flow · AntiGravity完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
为一家名为「Logoisum」的视频剪辑机构构建一个高级、高端的 Hero 区域，具体规格如下： 背景：实现一个全屏循环播放的视频背景，使用这个 URL：。视频必须静音、自动播放，并设置为 object-cover…
这条案例的价值不在提示词本身（prompt 只是一个 GitHub 链接），而在于它开源了一整套图生 3D 工作台：后端统一代理 Tripo、Hyper3D、Fal.ai、Hunyuan3D 等多家图生 3D API 并自动降级，密钥不进前端、生成结果本地缓存复用，是少见的能直接跑起来学的工程参考，而不是一次性效果展示。 说明：该案例的创意归属存在争议——有创作者公开指出此想法与其更早发布的作品高度相似且未获署名，开源仓库的致谢也被指不完整。收录基于其工程实现的参考价值，归属争议请读者自行判断。
方法 / 代码
查看方法 ↗
提示语
构建一个高级电动车落地页，具有深色电影感美学。整个网站使用黑色背景（hsl(0,0%,0%)），配浅色文字（主色 hsl(0,0%,95%)）和橙色强调色（hsl(25,100%,50%)）。不使用默认字体——保持极简和编辑感。使用…
@viktoroddy 使用 GPT Image 2 · Veo 3 · Lovable完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
# 提示词：精确复刻这个落地页 为一个名为「Mindloop」的用心经营的通讯平台构建一个生产级质量的营销落地页，使用 Vite + React + TypeScript 应用，配 Tailwind CSS、shadcn/ui、framer-motion 和…
一个非常简单的高级提示，用于使用 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 3.0 pro - ecpt checkpoint Holy shit，我们的 Prompt 和想象力就是唯一的限制，去看看这个网站。 Prompt：编写一个关于模拟理论的神秘网站。让它感觉像现实正在实时渲染——实体物体下方出现…
@viktoroddy 使用 Grok Imagine · Grok Build完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
用 React、Tailwind CSS 和 Lucide React 图标为一个名为「Veldara」的产品创建一个全视口 Hero 区域。页面应是单屏落地页，不需要滚动。 > **视频背景：** > - 使用这个确切的视频…
一个英文提示，要求 Gemini 生成一个高度详细且富有创意的纽约天际线 SVG，该 SVG 可以作为单个 HTML 文件粘贴并在 Chrome 中打开。
提示语
制作 {argument name="city_skyline" default="NEW YORK SKYLINE"} 的 SVG。可使用任何库来完成，但请确保我能将全部内容粘贴到单个 HTML 文件中并用 Chrome…
@viktoroddy 使用 Claude Code · Nano Banana Pro · Kling完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
为一家名为「Aethera」的创意工作室构建一个 React + Vite + TypeScript + Tailwind CSS 落地页。网站仅使用浅色模式（不做暗色模式）。使用两种 Google Fonts：Instrument Serif（展示 / 标题）和…
用四个角色位，center、left、right、back，加对应的固定样式表（缩放、模糊、透明度、层级）来描述轮播状态，而不是直接写死每张图片的具体位置，这种角色位驱动样式的架…
提示语
一键获取所有惊艳动画网站的 Prompt：http://motionsites.ai 用 React + TypeScript + Vite + Tailwind CSS 构建一个全视口高度的单一主视觉区块，图标使用…
十六个词的极简提示，只说要写一段可视化单行道红绿灯逻辑加随机车流的 Python 代码，没有指定任何视觉细节，模型要自己判断这个需求需不需要图形界面，是测试模型自主判断能力而不是测试提示词技巧的经典案例。
提示语
写一段 Python 代码，可视化单行道上红绿灯的工作原理，车辆以随机速率进入。
