加载中…
案例库 · 公开证据
方法 / 代码
查看方法 ↗提示语
一键获取所有惊艳动画网站的 Prompt：http://motionsites.ai 用 React + TypeScript + Vite + Tailwind CSS 构建一个全视口高度的单一主视觉区块，图标使用…
提示语
为一个 [插入公司名] 做 UI/UX 网页设计，暗色模式，极简主义，高级企业科技美学。抽象的 3D 流体形状背景，深蓝、紫色和翠绿色的发光渐变。卡片式布局，带细微玻璃拟态，干净的无衬线字体，高对比度白色…
提示语
// components/ui/google-gemini-effect.tsx "use client"; import { cn } from "@/lib/utils"; import { motion, MotionValue } from "motion/react"; import React from "react"; const transition =…
这条案例值得收录的地方不是最终视频效果,是它示范了一种用LLM做prompt中介的模式。两张参考图和一句简单描述先送进GeminiNode,由它扩写成Seedance 2.0偏好的详细prompt格式,再把这段生成的prompt连同参考图一起喂给ByteDance2ReferenceNode做实…
提示语
这条工作流使用两张参考图和一段简单文字描述,借助LLM自动生成详细的Seedance 2.0风格prompt。不用再花时间琢磨复杂的prompt结构,工作流会分析你的参考图并自动搭建prompt,让高质量结果的产出更快更简单…
@viktoroddy 使用 AntiGravity · Gemini 3.1 Pro完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
构建一个 Hero 区域，具体规格如下： 整体布局： 全宽版块，背景色 #000000（纯黑） overflow hidden 所有内容背后播放背景视频（详情见下） 背景视频： 来源： 自动播放、循环、静音、playsInline…
提示语
🚨 Gemini 3.0 pro - ecpt checkpoint Holy shit，我们的 Prompt 和想象力就是唯一的限制，去看看这个网站。 Prompt：编写一个关于模拟理论的神秘网站。让它感觉像现实正在实时渲染——实体物体下方出现…
@viktoroddy 使用 Gemini · Claude完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
构建一个 Velorah 落地页——一个面向电动房车 / 露营车品牌的高级深色主题单页网站。使用 React、TypeScript、Tailwind CSS 和 hls.js 库。页面纵向堆叠 6…
提示语
构建一个高级电动车落地页，具有深色电影感美学。整个网站使用黑色背景（hsl(0,0%,0%)），配浅色文字（主色 hsl(0,0%,95%)）和橙色强调色（hsl(25,100%,50%)）。不使用默认字体——保持极简和编辑感。使用…
提示语
为“[国家名称] TRAVEL POSTERS”生成一张复古旅行海报拼贴风格主视觉。 整体版式： 仿古米色纸张背景；顶部使用巨大、粗体的国家名称（如 JAPAN / ITALY / FRANCE）；中央副标题为“TRAVEL POSTERS FROM…
@viktoroddy 使用 Gemini · AntiGravity · React完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
--- ## Prompt：重建 Dental Health 落地页 使用 **React + Vite + TypeScript + Tailwind CSS** 创建一个单页牙科诊所落地页。不要使用外部 UI 库或图标库。所有内容都放在一个 `App.tsx`…
@elvissun 使用 Claude Design · Codex · Gemini · OpenClaw完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
我在一天内把自己的落地页重做出来了，过程中一起使用了 Claude Design、Codex、Gemini 和 OpenClaw。 这是一个 10 步流程，每个工具负责工作中的不同部分。 下面是我做的全部事情： 1.…
一个简单的指令式提示，告诉 Gemini 3 Pro 扮演 makemepulse 工作室的角色，为名为 AP 的客户构建一个网站，并注重精细的执行。
提示语
你是工作室 {argument name="studio_name" default="makemepulse"}。请为 {argument name="client_name" default="AP"} 构建一个网站。仔细思考，不要出错。
@johannesasgeir 使用 Gemini AntiGravity完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
我用一条提示在周末做出了这个价值 10,000 美元的网站…… 开玩笑的。我又做了一个网页模型，只是用一条主提示和几条小提示来调整它。 它主要花了我一些时间，以及每周 Antigravity 积分的大约…
@CryptoEights 使用 Gemini 3.1 · React · Framer Motion完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
"使用 React、Tailwind CSS 和 Framer Motion 构建一个电影感、高端的 Formula 1 实时数据面板。设计应暗色、沉浸，并具有专业广播叠加层的感觉。 1. 布局与背景： 将背景设置为全屏、循环、静音的真实…
提示语
设计一个 {argument name="app_name" default="CapCut"}。
提示语
シンプルで汎用性が高いアイコン{argument name="icon_count" default="40"}種類をSVG形式で生成してください。必ずCanvasに描画がしてください。色は{argument name="icon_color" default="ライトブルー"}。背景は{argument…
提示语
{argument name="generator_name" default="High-End LP Generator (Swiss Style)"} 後述する【Input Text】を元に、以下の仕様を厳守して最高品質のLPをReact(Single File)で実装してください。 1. Design Concept:…
提示语
使用电脑的前置摄像头 使用 mediapipe 库捕捉面部关键点 使用 threejs，根据 mediapipe 提供的实时 3D 关键点信息，为摄像头捕捉到的面部应用激光眼特效
提示语
我提供了一张图片。请根据这张图片编写一个漂亮的体素艺术场景。用 Three.js 写成单页代码
提示语
做一个新粗野主义风格的网页，尽可能极具创意，把限制推到极致。加上流畅的滚动动画，加上花哨的配色和 Tailwind CSS 样式。做成响应式的。页面标题是 dorksense
提示语
制作 {argument name="city_skyline" default="NEW YORK SKYLINE"} 的 SVG。可使用任何库来完成，但请确保我能将全部内容粘贴到单个 HTML 文件中并用 Chrome…
提示语
尽可能精确地复刻附带视频中展示的网页应用。它是一个深色电影感的 3D「意图 → 基础设施」城市可视化（「用 Gemini Cloud Assist 把意图变成基础设施」）——一个 AI…
提示语
创建一个专业的电影制作分镜，为一支 10 秒 ASMR 视频展示 LEGO Technic Lamborghini Aventador 的组装过程。 布局应像真实电影分镜：8 个按顺序排列的面板，分成两列。 每个面板必须包含：•…
