加载中…
案例库 · 公开证据
提示语
使用 **React 18 + TypeScript + Vite + Tailwind CSS + motion/react (framer motion) + lucide-react** 构建一个名为 "Aura" 的高端 AI 原生电子邮件客户端落地页。整体采用深色美学（背景…
Nike 品牌风格的单屏交互区块，React + GSAP + react-player，悬停动效是主菜，移动端响应式是硬要求。
提示语
使用 React + Tailwind CSS + GSAP 创建一个 Nike 品牌的单区块全视口（`h-[100dvh]`）页面。它必须**完全适配移动端**。应用需要通过 npm 安装 `react-player` 和 `gsap`。 --- ### 1.…
电商一键换背景工作流，含 F.1 重绘增强，插件和模型在 liblib 上已装好，即开即用。
提示语
此工作流可在liblibai上一键使用，插件和模型都已安装好 大模型推荐： majicMIX realistic 麦橘写实或者其他SD1.5的真实风格大模型 lora推荐：…
提示语
构建一个单页 hero section，包含全屏循环 background video、liquid glass UI 元素和深色电影感美学。使用 React、TypeScript、Tailwind CSS 和 Lucide React icons。具体规格如下： Background…
安全产品 Xero 的单页 hero 精确复刻题，React + TypeScript，Inter 字体，规格写到不留发挥空间。
提示语
构建一个名为 **"Xero"** 的 **单页 React + TypeScript (Vite)** 产品落地页英雄区，精确复刻以下区块。使用 **Inter** Google Font（字重 300、400、500、600、700、800）。英雄区不要使用 Tailwind…
FLUX 电商产品实拍感工作流，自动选择合适角度并融入环境光影，透明底白底图都能直接喂。
提示语
关键词要好好写！！！里面内容请务必以上传图片的物品为主角， 工作流自己搭建做测试时还是比较惊艳的， 产品图工作流会根据具体需要自动生成合适角度并完美融入环境光影…
保健品牌 TerraElix 的单页 hero，React + Tailwind + Lucide 图标，健康品类的清爽视觉参考。
提示语
使用 React + Tailwind CSS + Lucide React icons，为名为 "TerraElix" 的健康/营养补充剂品牌创建一个 single-page hero landing。页面是一个 full-viewport hero，包含背景图片、navbar、带逐词…
React 19 + Tailwind v4 + motion/react 的落地页，从 index.html 字体引入写起，新版本栈的完整开荒示范。
提示语
严格按照以下说明构建一个 React 落地页。使用 React 19、Tailwind CSS v4 和 motion/react 实现动画。 1. 字体与全局 CSS 设置： 在 index.html 中导入以下 Google Fonts： Instrument Serif（字重…
sam2 无损抠商品加提示词生成背景与任意字体文字的电商工作流，抠图、换景、上字一条龙。
提示语
############### AI大师工作流 ################## 这条工作流能帮你实现： 第一，只需上传商品图，就可以用最新的sam2模型无损抠出商品。…
AI 工作流产品 hero，React 18 + Tailwind 3.4，明确不用动画库，图标清单点名到具体组件。
提示语
### 技术栈 - **Vite** + **React 18** + **TypeScript** - **Tailwind CSS 3.4** - 使用 **lucide-react** 提供图标（`LogIn`、`UserPlus`、`Play`、`Sparkles`、`Menu`、`X`） - 不使用 Framer…
密码管理器 VaultShield 的全屏 hero，React + TypeScript + Tailwind + Framer Motion，安全类产品的视觉调性参考。
提示语
使用 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…
稳定币产品 Halo 的金融风落地页，React + TypeScript + Tailwind，fintech 质感靠排版和留白压出来。
提示语
使用 React + TypeScript + Vite + Tailwind CSS 构建一个面向名为 "Halo / USD Halo" 的稳定币产品的高端金融科技风格落地页，并使用 lucide-react 提供图标。不得使用其他 UI 库。页面背景色为…
提示语
工作流介绍 改编自：alansun 工作流来源：https://openart.ai/workflows/alansyn/easy product relight/XdzTNRbqi1kMYpNjuFWm 基于 Brushnet IC Light…
创意工作室 Prisma 的三区块落地页（Hero、About、Features），React + Vite + framer-motion，小而全的整页练习。
提示语
为一家名为 "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` 和…
创意机构 VANGUARD 的全屏 hero，React + Tailwind + Vite，单屏加循环视频背景。
提示语
使用 React、Tailwind CSS 和 Vite，为名为“VANGUARD”的创意机构构建一个全屏 hero landing page。页面应为一个占满 viewport…
参考图加透明底产品图一键生图的电商工作流，不用写提示词，商品标签细节全保留，出图比例跟着产品图走。
提示语
同时上传参考图和透明底产品图片，即可一键生图，无需填写提示词 参考图产品位置和大小，尽量不要和透明产品图出入过大 透明底产品图尺寸比例即为最终生图比例，参考图无尺寸要求 商品标签细节全保留…
HLS 视频背景的电影感全宽 CTA 加 footer，React + Vite + Tailwind，收尾区块也能做成主视觉。
提示语
为 React + Vite + Tailwind CSS 项目构建一个“CTA + 页脚”区块组件。这是一个具有电影质感的全宽行动号召区块，包含 HLS 视频背景、居中文本、两个 CTA…
带交互动效的赛博风联系区块，React + Tailwind + Framer Motion，架构与样式说明分层列出，prompt 组织方式值得抄。
提示语
使用 React、Tailwind CSS 和 Framer Motion (motion/react) 构建一个现代化的交互式 hero section。请确保严格遵循以下架构和样式说明： 1. 字体与全局动画 从 Google Fonts 导入 Inter 字体。 在 CSS…
金秋主题海报工作流，输入想要的画面提示词，生成节令营销海报。
提示语
工作流介绍] 首先，这个工作流需要输入你想要生成图像的提示词，经过提示词调度后送入采样器，最后与文字排版图连接，生成四张海报。 [使用场景] 用一段文字，就能快速生成秋收主题的海报，方便又快捷。…
