加载中…
案例库 · 公开证据
复古未来主义创意机构 Mainframe 的全屏 hero，React + TypeScript，双字体系统是整页性格的来源。
提示语
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…
全屏 hero，React + Tailwind + Framer Motion + Lucide，Inter 字体，规格逐项精确。
提示语
使用 React、Tailwind CSS、Framer Motion 和 Lucide React icons 构建一个全屏 Hero Section。使用 Inter 字体。页面需要完全适配移动端。以下是确切规格： --- **背景：** -…
无代码产品的等候名单页，React + Tailwind v4 + Motion + hls.js，暗色单屏加视频流背景。
提示语
使用 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 原生电子邮件客户端落地页。整体采用深色美学（背景…
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` 和…
