加载中…
案例库 · 公开证据
提示语
构建一个单页奢侈品牌落地页（仅包含 navbar + 全视口 hero）。技术栈：React 18 + TypeScript + Vite + Tailwind CSS 3。不使用额外 UI 工具包。仅将 lucide-react 用于 Flower2…
提示语
构建一个独立、像素级精确复刻的 Palomar Labs 营销落地页：仅包含固定导航栏 + 全 viewport 视频 Hero。不要添加其他区域。严格匹配此规范。不要编造额外文案、按钮、渐变、遮罩或装饰性斑块。 技术栈 R…
提示语
# PROMPT — 精确复刻 "Apogee" Hero Section 构建一个像素级精确、完全适配移动端的 Hero 落地页区块，名称为 **"Apogee"**。严格遵循下方所有规范——精确的十六进制值、精确的像素数、精确的 class…
source-motionsites prompt-public not-rerun license-review web-ui motion-3d
提示语
精准复刻这个 **Vesper.ai** 单视口落地页。文档标题：`Vesper.ai — Operational AI Infrastructure`。`lang="en"`。使用一个包含内联 CSS 的 HTML 文件，并加入一个用于菜单和动画回退的小型…
提示语
为名为 **LŪMEN // ÍNDEX** 的 DeFi / 私人银行落地页构建一个**全屏单一 hero section**。使用 **React 18 + TypeScript + Vite + Tailwind CSS**，图标使用…
提示语
**精确复刻这个单页 SaaS hero。不要虚构额外区块、额外页面、额外图片或额外文案。只实现已指定的内容。技术栈：一个 `index.html`、一个 `styles.css`、一个 `main.js`。不使用框架。** ###…
提示语
构建一个**完全自包含的单个 `index.html`** 文件。无需构建步骤、框架、外部 JS 或本地图像文件。所有 CSS 放在 `<head>` 内的一个 `<style>` 块中；在 `</body>` 前放置一个小型…
提示语
Build a single-screen, non-scrolling hero landing page called **Terranova — Signals from the Deep Green**. It is a full-bleed looping background video with a real-time refractive "liquid…
提示语
使用 React、Tailwind CSS 和 Lucide React icons 创建一个 "Stellar.ai" 落地页 hero section。使用 Inter 字体（从 Google Fonts 导入）。页面采用白色背景（bg-white），max-width 为…
提示语
创建一个全屏深色 hero section，其中包含循环背景视频、navbar、headline、subtitle、CTA button，以及底部的 logo marquee。以下是确切规格： 主题与颜色（index.css CSS variables）： 背景：260…
提示语
为“Bloom”创建一个全屏 hero landing page——这是一个由 AI 驱动的植物/花艺设计平台。设计采用液态玻璃拟态美学，并以循环视频作为背景。 背景 全屏自动播放、循环、静音视频背景：https://d8j0ntlcm91z…
source-motionsites prompt-public not-rerun license-review web-ui motion-3d
提示语
为 AI 网站构建器创建一个深色模式 Hero 区块，严格遵循以下规格： ## 技术设置 ### 必需的软件包 安装以下软件包： - `motion`（版本 12.23.24 或更高）——用于动画 - `hls.js`（版本 1.6.15…
提示语
使用 React 和 Tailwind CSS，为名为“CodeNest”的编程教育平台创建一个高端深色主题的 hero section。设计必须响应式，并严格遵循以下规范： 1. 背景与布局： 背景：使用以下 HLS stream…
提示语
使用 React、TypeScript、Tailwind CSS v4 和 Motion 构建一个现代化、高性能的落地页区块。应用程序应严格符合以下规格： 1. 依赖项与设置 库：安装 lucide-react、motion、clsx 和…
提示语
使用 Tailwind CSS v4、用于动画的 `motion/react` 库和用于图标的 `lucide-react` 创建一个 React 前端。我想构建一个拥有沉浸式视频背景和高度风格化“液态玻璃”页脚的页面。 请严格遵循以下规范： 1.…
提示语
构建一个名为 Kresna 的单文件 HTML 页脚组件——这是一个销售自动化 SaaS 品牌。交付物是一个自包含的 .html 文件，包含内联 <style> 和内联 <script>。将其渲染在白色页面上的 <section…
提示语
精确复刻这个 hero section。完整规格如下： 视频背景： 全屏背景视频，使用绝对定位，覆盖整个 viewport（object-cover） 视频 URL：https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH…
提示语
为名为 RIVR 的 DeFi 仪表盘构建一个 Hero 区域，呈现简洁精致的 glassmorphism 美学。请严格仿照以下规格，确保 UI 具有高级质感。 依赖项： - 使用 `lucide-react` 提供图标。 - 使用 `motion`（从…
提示语
创建一个现代 React 落地页，采用全屏 HLS 视频背景、玻璃拟态导航页眉，并将 hero 内容置于左下角。
source-motionsites prompt-public not-rerun license-review web-ui motion-3d
提示语
使用 React、Vite、TypeScript、Tailwind CSS、shadcn/ui，以及作为背景嵌入的 Spline 3D scene，为一家名为“SENTINEL AI”的安防公司创建一个全屏深色 hero landing page。技术栈使用…
提示语
创建一个名为 "Orbis.Nft" 的 NFT 落地页，包含 4 个区块，采用深色太空主题。页面使用由 CloudFront 提供的视频背景、液态玻璃 UI…
提示语
使用 React、TypeScript、Vite 和 Tailwind CSS，为名为 "Viktor Oddy" 的创意设计工作室创建一个单页落地页。使用 lucide-react 提供图标。整个页面采用白色背景，并使用两种自定义字体："PP Neue…
source-motionsites prompt-public not-rerun license-review web-ui
提示语
为名为“DesignPro”的产品设计教育平台创建一个全屏 HERO 区段，具体要求如下： 背景： 使用以下精确 CloudFront URL 作为全屏循环视频背景：https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJO…
提示语
System Prompt：高保真“Liquid Glass”主视觉区 核心布局：创建一个最大宽度为 1600px 的落地页主视觉区。背景应为纯白色，左上角带有细腻的分层渐变光晕（使用浅蓝色 #60B1FF 和 #319AFF…
