#tailwind

使用 React 18、TypeScript、Tailwind CSS 和 shadcn/ui 构建多组件 HTML 产物，并打包为单一自包含文件。

让模型扮演资深前端工程师，生成可用于生产环境、响应式的 React + Tailwind CSS 商品卡片组件（TypeScript）。

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

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

用于构建响应式 React 合作伙伴展示区的提示词，含逐词淡入动画、数据块和无限循环 logo 跑马灯。

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

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

包含完整源码的提示词，用于构建高端工作室英雄区，其背景视频被捕获到 canvas 并以无缝正反向回旋循环重放。

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

一份详细的构建规格：用 React + Tailwind v4 实现带沉浸式视频背景与风格化“液态玻璃”页脚的页面。

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

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

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

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

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

用于在 React + Tailwind 中构建深色玻璃拟态软件公司英雄区块的提示词，包含全屏背景视频、动态渐变 CTA 按钮和集成 logo 跑马灯。

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

用于 React + TypeScript + Tailwind 全屏数据安全 SaaS 英雄区块的提示词，包含循环背景视频、浮动胶囊导航栏和超大错落排布的标题文字。