加载中…
案例库 · 公开证据
方法 / 代码
查看方法 ↗
web human-reviewed Nano Banana · Kling · Claude web-ui motion-3d
提示语
提示词：电影感 Hero 区域，带循环视频背景 用 React + Vite + Tailwind CSS + TypeScript 创建一个全屏单页 Hero 区域，具体规格如下： 字体： 展示文字（标题、Logo）：Instrument…
web human-reviewed Lovable · Nano Banana · Veo 3 web-ui motion-3d
提示语
创建一个单页 Hero 区域，带全屏循环背景视频、玻璃拟态导航和电影感排版。使用 React + Vite + Tailwind CSS + TypeScript，配 shadcn/ui。 视频背景： 全屏 <video> 元素，带…
web human-reviewed AntiGravity · Gemini 3.1 Pro web-ui motion-3d
提示语
构建一个 Hero 区域，具体规格如下： 整体布局： 全宽版块，背景色 #000000（纯黑） overflow hidden 所有内容背后播放背景视频（详情见下） 背景视频： 来源： 自动播放、循环、静音、playsInline…
web human-reviewed Claude · Three.js · GSAP web-ui motion-3d
提示语
1. Prompt：“构建一个叙事网站，每个滚动区块都通过流畅的色彩过渡揭示一个新的章节” 2. 使用 Three.js 制作会响应光标的绘画质感背景 3. Prompt：“加入 GSAP…
web human-reviewed Nano Banana · Flow · AntiGravity web-ui motion-3d
提示语
为一家名为「Logoisum」的视频剪辑机构构建一个高级、高端的 Hero 区域，具体规格如下： 背景：实现一个全屏循环播放的视频背景，使用这个 URL：。视频必须静音、自动播放，并设置为 object-cover…
提示语
构建一个高级电动车落地页，具有深色电影感美学。整个网站使用黑色背景（hsl(0,0%,0%)），配浅色文字（主色 hsl(0,0%,95%)）和橙色强调色（hsl(25,100%,50%)）。不使用默认字体——保持极简和编辑感。使用…
web human-reviewed Gemini 3.1 Pro web-ui motion-3d
提示语
为一个 [插入公司名] 做 UI/UX 网页设计，暗色模式，极简主义，高级企业科技美学。抽象的 3D 流体形状背景，深蓝、紫色和翠绿色的发光渐变。卡片式布局，带细微玻璃拟态，干净的无衬线字体，高对比度白色…
web human-reviewed GPT Image 2 · Veo 3 · Lovable web-ui motion-3d
提示语
# 提示词：精确复刻这个落地页 为一个名为「Mindloop」的用心经营的通讯平台构建一个生产级质量的营销落地页，使用 Vite + React + TypeScript 应用，配 Tailwind CSS、shadcn/ui、framer-motion 和…
youmind Gemini 3 Pro human-reviewed web-ui motion-3d
提示语
使用电脑的前置摄像头 使用 mediapipe 库捕捉面部关键点 使用 threejs，根据 mediapipe 提供的实时 3D 关键点信息，为摄像头捕捉到的面部应用激光眼特效
youmind Gemini 3 Pro human-reviewed web-ui motion-3d
提示语
我提供了一张图片。请根据这张图片编写一个漂亮的体素艺术场景。用 Three.js 写成单页代码
提示语
做一个新粗野主义风格的网页，尽可能极具创意，把限制推到极致。加上流畅的滚动动画，加上花哨的配色和 Tailwind CSS 样式。做成响应式的。页面标题是 dorksense
web human-reviewed Grok Imagine · Grok Build web-ui motion-3d
提示语
用 React、Tailwind CSS 和 Lucide React 图标为一个名为「Veldara」的产品创建一个全视口 Hero 区域。页面应是单屏落地页，不需要滚动。 > **视频背景：** > - 使用这个确切的视频…
web human-reviewed Claude Code · Nano Banana Pro · Kling web-ui motion-3d
提示语
为一家名为「Aethera」的创意工作室构建一个 React + Vite + TypeScript + Tailwind CSS 落地页。网站仅使用浅色模式（不做暗色模式）。使用两种 Google Fonts：Instrument Serif（展示 / 标题）和…
提示语
一键获取所有惊艳动画网站的 Prompt：http://motionsites.ai 用 React + TypeScript + Vite + Tailwind CSS 构建一个全视口高度的单一主视觉区块，图标使用…
web human-reviewed Fable · Claude Opus web-ui motion-3d
提示语
用 React + TypeScript + Vite + Tailwind CSS v4 构建一个滚动驱动的 Hero 落地页。页面为黑色背景，白色文字，包含 3…
web human-reviewed Claude · Fable web-ui motion-3d
提示语
> 用 **React + TypeScript + Vite + Tailwind CSS + lucide-react** 为一个名为 **「Aethera」**（一家专注放贷业务的金融科技 / AI…
web human-reviewed Codex · GPT-5.6 Ultra · Blender · Three.js web-ui motion-3d
提示语
你是一名 Blender 建筑艺术专家、程序化 3D 建模师、Python 开发者和 Three.js 开发者。 你的任务是重建附件多视图参考图中展示的完全相同的中国传统寺庙，然后构建一个交互式网页，用于展示最终的 3D…
提示语
用 React + TypeScript + Vite + Tailwind CSS + framer-motion + lucide-react 构建一个单页落地页。整个页面背景为 bg-black。通过 Google Fonts 加载的字体是 Instrument Serif（斜体和常规体）。在…
提示语
创建一个世界级、值得获奖的网站，主题是人类迫切需要建立多行星文明。它必须成为围绕这一主题制作过的视觉上最惊艳、情感上最有感染力、技术上最复杂的网站。 核心信息 呈现这一存在性论证：每个世纪发…
提示语
「为一个加密货币相关产品创建一个现代落地页，包含精美的 Hero 区域、3D 元素、定价表和白名单表单」 它生成的内容： → 干净、响应式的前端代码 → 带流畅交互的复杂 UI 组件 →…
提示语
创建 4 到 5 个大型模糊色块（直径 500px 以上），让它们在屏幕上明显地漂移。 每个色块都要持续沿圆形或 8 字形路径移动，在 8 到 12 秒内完成一个完整循环（不要用 30…
提示语
尽可能精确地复刻附带视频中展示的网页应用。它是一个深色电影感的 3D「意图 → 基础设施」城市可视化（「用 Gemini Cloud Assist 把意图变成基础设施」）——一个 AI…
提示语
附言：根据你的使用场景进行调整。 创建一个现代、极简的 3D 发票生成器机器组件，采用高级 SaaS 风格美学。 视觉设计 -…
