从作品结果，回到作者与方法。

--- 为一家名为 "EngineTech" 的航空航天公司构建一个 **Site Footer**。这是一个黑色背景的页脚，包含带动画的点状顶部边框、带有大标题的四列导航网格、超大字号的字标品牌行，以及法律声明行。 ---…

**使用 Vite、Tailwind CSS 和 lucide-react，为名为 "Wandor" 的旅行应用构建一个单页 React + TypeScript 落地页。页面是一个全视口 hero…

使用 React、Vite 和 Framer Motion（`motion` package）创建一个全屏 hero section landing page。使用纯 CSS（不使用 Tailwind）。字体使用 Google Fonts 的 Inter（字重…

构建与落地页 CTA 区域像素级一致的复刻版本。使用 React 18 + Vite + TypeScript、TailwindCSS、`framer-motion`、`clsx` + `tailwind-merge` 作为 `cn()`。采用深色主题背景（`#000000`）、Inter…

为金融机构的对话式 AI 平台 **Boomerang** 构建一个占满单个视口的营销落地页。技术：React + TypeScript + Vite + Tailwind CSS + Lucide React（仅使用 `ArrowRight`）。不使用其他 UI…

在一个逼真的手机边框模型中构建移动端健康测验界面，并将其居中放置在白色页面上。使用 React、Tailwind CSS 和 Lucide React icons。 **手机边框：** - 尺寸：宽 375px x 高 780px -…

--- **重现“分类”区块的提示词：** > 使用 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` /…

使用 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"',…