#landing-page

两阶段的 Web 视觉设计技能:先从 PRD / 参考 URL / 截图 / 关键词产出标准化的 DESIGN.md 规范,确认后据此生成达标的 UI/UX、视觉、动效与响应式网页代码。

一个一次性提示词，用于构建单个 React + TypeScript + Tailwind 英雄区，包含全屏背景视频、胶囊导航栏和左下角 CTA。

精确的提示词，用于构建带视频背景、数据统计行和错开的 Framer Motion 加载动画的全屏代理机构英雄区。

全面的提示词，用于构建三段式设计代理机构落地页，含着色器英雄背景、关于区和视频案例卡片。

用 React、Tailwind v4 和 Motion 构建圆角卡片英雄区的提示词，含背景视频、浮动底部导航栏和 CSS logo 跑马灯。

详细的提示词，用于构建深色电影感的三段式创意工作室落地页，含上拉文字、随滚动逐字显现和功能卡片网格。

一个详细的提示词，用 React/TypeScript/Tailwind 生成带循环背景视频和液态玻璃 UI 的暗色电影感 hero 区块。

一个用 React/Tailwind 构建暗色太空主题、四个区块的 NFT 落地页的提示词，使用 CloudFront 视频背景和液态玻璃 UI。

一个用纯 HTML 和 Tailwind（CDN）构建精致金融落地页 hero 的提示词，带背景视频和分步淡入上移动画。

一个构建响应式暗色 React hero 区块的提示词，带混合模式背景视频、逐词标题动画和商店 logo 社会证明。

一个构建静态响应式 React hero 的提示词，带全屏背景视频、悬浮胶囊导航栏、居中的 Web3 营销文案和合作伙伴 logo 横条。

一个非常详细的提示词，用 React/TypeScript/Tailwind/Motion 构建高端 AI 邮件客户端落地页，含全屏视频、闪亮渐变标题、类 macOS 菜单栏、收件箱模型和液态玻璃卡片。

一个用 React/Tailwind v4/Motion 构建单屏暗色 hero 落地页的提示词，带 HLS（Mux）背景视频、玻璃拟态导航栏和邮箱订阅 CTA。

用于生成 React/Tailwind 英雄区块的详细规格提示词，包含循环背景视频、自定义 JavaScript 淡入淡出系统和玻璃拟态 AI 搜索框。

针对 React 19 + Vite + Tailwind v4 单页站点的完整构建规格，涵盖技术栈、字体、状态、Motion 动画变体以及三个细节丰富的滚动区块。