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

请构建一个名为“Aurora Sign Up”的现代双栏注册界面。使用 React、Tailwind CSS (v4)、`motion/react`（用于动画）和 `lucide-react`（用于图标）。整个应用应完全包含在 `App.tsx` 和 `index.css`…

使用 Tailwind CSS 构建一个用于“关于我们”版块的单个 React 组件。使用 `lucide-react` 中的 ArrowRight 图标。仅使用系统字体栈（不使用自定义字体）。精确匹配每一处细节： --- ###…

使用 Vite、Tailwind CSS 和 motion/react 构建现代 React 落地页，实现优雅动画。应用必须包含高度精致、美观的 Hero 区块和玻璃拟态导航栏。 1. 排版与全局 CSS（src/index.css） 从 Google Fonts…

构建一个名为“镜头背后”的摄影博客区块，严格遵循以下规格： **布局与结构：** - 白色背景页面，最大宽度 1200px，居中，垂直内边距 60px，水平内边距 20px -…

Build a full-screen hero landing page for a creative agency called "Mainframe" using React, TypeScript, Vite, and Tailwind CSS. Here is every detail: --- FONTS Load two fonts in…

使用 React、Tailwind CSS、Framer Motion 和 Lucide React icons 构建一个全屏 Hero Section。使用 Inter 字体。页面需要完全适配移动端。以下是确切规格： --- **背景：** -…

使用 React + Vite + Tailwind CSS v4 + Motion (framer-motion) + Lucide React icons + hls.js 构建一个全屏深色 hero section…

使用 **React 18 + TypeScript + Vite + Tailwind CSS + motion/react (framer motion) + lucide-react** 构建一个名为 "Aura" 的高端 AI 原生电子邮件客户端落地页。整体采用深色美学（背景…

使用 React + Tailwind CSS + GSAP 创建一个 Nike 品牌的单区块全视口（`h-[100dvh]`）页面。它必须**完全适配移动端**。应用需要通过 npm 安装 `react-player` 和 `gsap`。 --- ### 1.…

构建一个单页 hero section，包含全屏循环 background video、liquid glass UI 元素和深色电影感美学。使用 React、TypeScript、Tailwind CSS 和 Lucide React icons。具体规格如下： Background…

构建一个名为 **"Xero"** 的 **单页 React + TypeScript (Vite)** 产品落地页英雄区，精确复刻以下区块。使用 **Inter** Google Font（字重 300、400、500、600、700、800）。英雄区不要使用 Tailwind…

使用 React + Tailwind CSS + Lucide React icons，为名为 "TerraElix" 的健康/营养补充剂品牌创建一个 single-page hero landing。页面是一个 full-viewport hero，包含背景图片、navbar、带逐词…

严格按照以下说明构建一个 React 落地页。使用 React 19、Tailwind CSS v4 和 motion/react 实现动画。 1. 字体与全局 CSS 设置： 在 index.html 中导入以下 Google Fonts： Instrument Serif（字重…

### 技术栈 - **Vite** + **React 18** + **TypeScript** - **Tailwind CSS 3.4** - 使用 **lucide-react** 提供图标（`LogIn`、`UserPlus`、`Play`、`Sparkles`、`Menu`、`X`） - 不使用 Framer…

使用 React、TypeScript、Tailwind CSS、Framer Motion 和 Lucide React 图标，为名为 "VaultShield" 的密码管理器应用创建一个 fullscreen hero section。 --- ## 字体 - **标题字体：** `Helvetica…

为一家名为 "Convix Software" 的公关代理机构 SaaS 构建一个完全响应式、占满整个视口的 hero section，严格遵循以下规格： 页面框架 外层 wrapper：min-h-screen w-full bg-[#ededed] p-3…

使用 React + TypeScript + Vite + Tailwind CSS 构建一个面向名为 "Halo / USD Halo" 的稳定币产品的高端金融科技风格落地页，并使用 lucide-react 提供图标。不得使用其他 UI 库。页面背景色为…

为一家名为 "Prisma" 的创意工作室创建一个使用 React + Vite + TypeScript + Tailwind CSS 的落地页。页面包含 3 个部分：Hero、About 和 Features。使用 framer-motion 实现动画，使用 lucide-react…

使用 React、TypeScript、Tailwind CSS、Framer Motion 和 Lucide React icons 构建一个密码管理器落地页的 hero section。以下是全部规格： --- ### 字体 - **标题字体：** "Helvetica Now Display…

使用 React、Tailwind CSS 和 Framer Motion 创建一个全屏电影感 Hero 区域。使用搭配 TypeScript 的 Vite。所需依赖项为：`react`、`react-dom`、`framer-motion`、`lucide-react` 和…

使用 React、Tailwind CSS 和 Vite，为名为“VANGUARD”的创意机构构建一个全屏 hero landing page。页面应为一个占满 viewport…