加载中…
案例库 · 公开证据
提示语
--- **重现“分类”区块的提示词：** > 使用 React + Tailwind CSS 构建一个“分类”区块，严格遵循以下规格： > > **区块容器：** > - 全宽 `<section>`，使用…
提示语
**像素级忠实地**复刻此页面。单个占满整个视口的首屏。React + Tailwind CSS。不要卡片，不要紫色，不要 Inter/Roboto。采用黑色/奶油色的编辑设计风格作品集外观。 --- ## 技术栈与页面框架 - Vite…
提示语
**构建一个单页 HTML 展示页，在中性的 `#F4F4F4` 舞台上并排显示两个 iOS 设备框架（每个 370x790px）。舞台使用 JS 自动缩放以适配视口。两部手机均包含 Dynamic Island、状态栏（时间…
提示语
**提示词：** 使用 **React + TypeScript + Tailwind CSS** 构建一个金融科技稳定币落地页的“使用案例”版块，并使用 **lucide-react** 提供图标（使用 `ArrowRight`）。确保完全适配移动端。 --- ###…
提示语
### 概述 为名为 "prmpt" 的品牌构建一个全屏、由滚动驱动的时尚/档案落地页。页面分为两个主要阶段： 1. **Hero 阶段**（滚动的前 100vh）：全视口视频背景，上方叠加…
提示语
构建一个名为 `FreedomSection` 的单一 React + TypeScript + Tailwind CSS v3 组件。它使用 `hls.js` 进行 HLS 视频流播放，并使用 React 的 `useEffect` /…
source-motionsites prompt-public not-rerun license-review web-ui motion-3d
提示语
使用 React、Tailwind CSS 和 Lucide React icons，为名为 "TinyTrails" 的儿童品牌构建一个全屏动画 404 错误页面。页面必须是单个 `App.tsx` 组件。使用从 Google Fonts 加载的 Inter 字体（字重…
提示语
使用 React、TypeScript、Tailwind CSS 和 Vite，为一个名为 **"quietpress"** 的虚构黑胶唱片厂牌构建全屏 hero 区域。页面是一个占满单个视口高度、不可滚动的 hero。图标使用…
提示语
**使用 React + Vite + Tailwind CSS 为名为 "Serene" 的奢华美容与健康品牌构建一个包含两个全屏分区的 landing page。使用 TypeScript。** --- ### 字体（通过 index.html 中的 Google Fonts…
提示语
为 "Drift" 构建一个单页落地网站——这是一款平静、对 ADHD 友好的规划应用。使用 React + Vite + TypeScript + Tailwind CSS + lucide-react 提供图标。不要使用其他 UI 库。 ### 字体 通过 Google…
提示语
使用 React、Tailwind CSS 和 Lucide React 图标，为名为“Atelier”的设计机构创建一个全屏 hero 落地页区块。该区块必须完全适配移动端，并带有动画 hamburger…
提示语
为一个名为 "Vibrant Wellness." 的整体健康品牌构建单页 hero landing page。使用 React、TypeScript、Tailwind CSS 和 Lucide React icons。通过 HTML head 中的 link tags 加载 Google Fonts…
提示语
使用 React、Tailwind CSS 和 Lucide React icons，为名为 "flowpath" 的 SaaS 产品创建一个 fullscreen hero section。该区域应为单个填满 viewport 的 `<section>`（`h-screen w-full…
提示语
使用 React + Vite + Tailwind CSS v4 创建一个单页全视口 404 错误界面。精确匹配此构图。 页面 / 画布 - 页面必须占满整个视口：`min-height: 100svh`。 - 使用黑色回退背景。 -…
提示语
# Recreate This Page Exactly — Lewis Hamilton / Silverstone F1 Hero ## Tech stack - React + TypeScript + Vite - Tailwind CSS (config extends `fontFamily.sans` = `['"Albert Sans"',…
提示语
使用 React、Tailwind CSS 和 Lucide React icons，为一款名为“Lumora”的正念/专注应用创建一个全屏电影感 hero section。 ## 字体 使用 **Instrument Serif**（Google Fonts，logo 使用 italic）。在…
提示语
将这个天气仪表盘 UI 精确复刻为一个独立的 HTML 页面（内联 CSS、SVG 图标精灵、不使用框架、无需 JS）。像素级忠实还原参考设计“Aurora Weather / Weather Forecast — Central…
提示语
为 **nexum** 构建一个单屏全屏（`h-screen w-full overflow-hidden`）Hero 页面——这是一个深色、电影感的 AI 运维落地页 Hero，包含 full-bleed 背景视频、glassmorphism…
提示语
**逐像素复刻这个落地页。** ## 技术栈 React + Vite + TypeScript + Tailwind CSS。单页：先是 `<Hero />`，然后是 `<Marquee />`。不使用路由，不添加额外区域。Body：`font-family: 'Inter',…
提示语
为一家名为 **Kollektiva** 的创意工作室构建一个占满整个视口的 React + TypeScript + Tailwind CSS 单页。应用只渲染这一个区块（无 nav，无其他页面）。技术栈：Vite + React 18 + Tailwind…
提示语
为名为 "Measured" 的产品构建单页 hero section——一个健康/康养可穿戴设备 landing page。页面为 fullscreen（100vh），采用深色/氛围感美学，包含分层图像、跟随光标的 spotlight reveal effect 和…
提示语
为一家名为“VortxLab Creations”（品牌：“V O R T X”）的虚构创意科技工作室创建一个全屏沉浸式落地页。页面采用循环背景视频、带有八边形 clip-path…
提示语
为“Marketeam”——一个营销人才平台——创建一个单页 React + Vite 落地页。使用 Google Fonts 中的 Inter（400、500、600、700）和…
