加载中…
案例库 · 公开证据
This workflow uses two reference images and a simple text description to automatically generate a detailed Seedance 2.0-style prompt using an LLM. I…
提示语
这条工作流使用两张参考图和一段简单文字描述,借助LLM自动生成详细的Seedance 2.0风格prompt。不用再花时间琢磨复杂的prompt结构,工作流会分析你的参考图并自动搭建prompt,让高质量结果的产出更快更简单…
Extreme close-up shot, young East Asian girl with messy wet black hair, head tilted sideways against rough concrete wall, eyes softly closed, slight…
提示语
Extreme close-up shot，年轻东亚女孩，凌乱湿润的黑发，头侧靠在粗糙的混凝土墙上，双眼轻闭，流水下嘴唇微张，清澈水流从金属水龙头垂直倾泻到她的脸上，细小水珠覆盖皮肤和头发，肌肤水润闪亮，背景是…
Recreate this exact single-viewport landing page for **Vesper.ai**. Document title: `Vesper.ai — Operational AI Infrastructure`. `lang="en"`. One HT…
提示语
精准复刻这个 **Vesper.ai** 单视口落地页。文档标题：`Vesper.ai — Operational AI Infrastructure`。`lang="en"`。使用一个包含内联 CSS 的 HTML 文件，并加入一个用于菜单和动画回退的小型…
…te a dark mode hero section for an AI website builder with the following exact specifications: ## Technical Setup ### Required Packages Install thes…
提示语
为 AI 网站构建器创建一个深色模式 Hero 区块，严格遵循以下规格： ## 技术设置 ### 必需的软件包 安装以下软件包： - `motion`（版本 12.23.24 或更高）——用于动画 - `hls.js`（版本 1.6.15…
… Tailwind CSS v4, and Motion. The application should match the following exact specifications: 1. Dependencies & Setup Libraries: Install lucide-rea…
提示语
使用 React、TypeScript、Tailwind CSS v4 和 Motion 构建一个现代化、高性能的落地页区块。应用程序应严格符合以下规格： 1. 依赖项与设置 库：安装 lucide-react、motion、clsx 和…
…med RIVR showcasing a sleek, glassmorphism aesthetic. Please mimic these exact specifications to ensure a premium UI. Dependencies: - Use `lucide-re…
提示语
为名为 RIVR 的 DeFi 仪表盘构建一个 Hero 区域，呈现简洁精致的 glassmorphism 美学。请严格仿照以下规格，确保 UI 具有高级质感。 依赖项： - 使用 `lucide-react` 提供图标。 - 使用 `motion`（从…
… a liquid glass UI effect, and a specific color/font system. Recreate it exactly as described b…
提示语
创建一个名为 "Orbis.Nft" 的 NFT 落地页，包含 4 个区块，采用深色太空主题。页面使用由 CloudFront 提供的视频背景、液态玻璃 UI…
…t Build a single-page React + Vite + TypeScript + Tailwind CSS site with exactly two full-screen sections (Hero and Capabilities). The page is a dar…
提示语
构建一个单页 React + Vite + TypeScript + Tailwind CSS 网站，包含恰好两个全屏区块（Hero 和 Capabilities）。页面是一个深色、富有电影感的网页设计机构落地页，使用“液态玻璃”拟态 UI 元素，并通过…
… and `lucide-react` for icons. **Fonts (load via Google Fonts in `src/index.css`):** `…
提示语
使用 React + TypeScript + Vite + Tailwind CSS，为名为 "Wanderful" 的旅行品牌构建一个占满视口、具有电影感的首屏区域。使用 GSAP 制作动画，并使用 `lucide-react` 提供图标。 **字体（通过…
…before building the section:** > > **Google Fonts** -- Load these in `index.html` `<head>`: > ```html > <link rel="preconnect" href="https://fonts.g…
提示语
--- > **构建此区块前的设置要求：** > > **Google Fonts** -- 在 `index.html` 的 `<head>` 中加载以下内容： > ```html > <link rel="preconnect" href="https://fonts.googleapis.com" /> > <link…
Recreate this page **pixel-faithfully**. Single full-viewport hero. React + Tailwind CSS. No cards, no purple, no Inter/Roboto. Black/cream editoria…
提示语
**像素级忠实地**复刻此页面。单个占满整个视口的首屏。React + Tailwind CSS。不要卡片，不要紫色，不要 Inter/Roboto。采用黑色/奶油色的编辑设计风格作品集外观。 --- ## 技术栈与页面框架 - Vite…
…r icons. No other UI libraries. ### Fonts Import via Google Fonts in `index.css`: - **Inter** …
提示语
为 "Drift" 构建一个单页落地网站——这是一款平静、对 ADHD 友好的规划应用。使用 React + Vite + TypeScript + Tailwind CSS + lucide-react 提供图标。不要使用其他 UI 库。 ### 字体 通过 Google…
…y mobile responsive with an animated hamburger mobile menu. Here are the exact sp…
提示语
使用 React、Tailwind CSS 和 Lucide React 图标，为名为“Atelier”的设计机构创建一个全屏 hero 落地页区块。该区块必须完全适配移动端，并带有动画 hamburger…
… **Instrument Serif** (Google Fonts, italic for the logo). Load it in index.html: ``` <lin…
提示语
使用 React、Tailwind CSS 和 Lucide React icons，为一款名为“Lumora”的正念/专注应用创建一个全屏电影感 hero section。 ## 字体 使用 **Instrument Serif**（Google Fonts，logo 使用 italic）。在…
…er Motion. The section sits on a dark background (`#0f0f0f`) with white text. Font is `'DM Sans', sans-serif` (loaded via…
提示语
使用 React、TypeScript、Tailwind CSS 3 和 Framer Motion，将“我们的综合品牌塑造方法”版块构建为 React 组件。该版块采用深色背景（`#0f0f0f`）和白色文本。字体为 `'DM Sans', sans-serif`（通过…
…(`@tailwindcss/vite`), and `motion` (from `motion/react`). ### Fonts (index.css) ```css @import url('ht…
提示语
使用 React 19、TypeScript、Vite、Tailwind CSS v4（`@tailwindcss/vite`）和 `motion`（来自 `motion/react`）创建一个纯 `#FF0000` 红色背景的单一全屏 section。 ###…
… and Tailwind CSS. Here is every detail: --- FONTS Load two fonts in `index.html` via these stylesheet links: - Heading: `https://…
提示语
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…
…s. Use the Inter font. The page is fully mobile-responsive. Here are the exact specifications: --- **BACKGROUND:** - A full-screen autoplaying,…
提示语
使用 React、Tailwind CSS、Framer Motion 和 Lucide React icons 构建一个全屏 Hero Section。使用 Inter 字体。页面需要完全适配移动端。以下是确切规格： --- **背景：** -…
…se React, TypeScript, Tailwind CSS, and Lucide React icons. Here are the exact specifications: Backgro…
提示语
构建一个单页 hero section，包含全屏循环 background video、liquid glass UI 元素和深色电影感美学。使用 React、TypeScript、Tailwind CSS 和 Lucide React icons。具体规格如下： Background…
…cide-react** for icons (`LogIn`, `UserPlus`, `Play`, `Sparkles`, `Menu`, `X`) - No Framer Motion -- all animations are CSS `transition-*` classes --…
提示语
### 技术栈 - **Vite** + **React 18** + **TypeScript** - **Tailwind CSS 3.4** - 使用 **lucide-react** 提供图标（`LogIn`、`UserPlus`、`Play`、`Sparkles`、`Menu`、`X`） - 不使用 Framer…
…ull-width call-to-action section with an HLS video background, centered text, two CTA buttons, and a minimal footer bar at the bottom.…
提示语
为 React + Vite + Tailwind CSS 项目构建一个“CTA + 页脚”区块组件。这是一个具有电影质感的全宽行动号召区块，包含 HLS 视频背景、居中文本、两个 CTA…
此工作流可在liblibai上一键使用，插件和模型都已安装好 大模型推荐： majicMIX realistic 麦橘写实或者其他SD1.5的真实风格大模型 lora推荐： 林鹤-物华天宝-电商商业产品建模渲染高级感辅助lora，如果无会员可以使用其他SD1.5的电商风格lora 工作流使用教程…
提示语
此工作流可在liblibai上一键使用，插件和模型都已安装好 大模型推荐： majicMIX realistic 麦橘写实或者其他SD1.5的真实风格大模型 lora推荐：…
…写的提示词生成任意背景，并能与背景很好的融合，看起来不会突兀。 第三，智能调光，当前版本暂时用的1.5版本的灯光控制模型，后续版本也可以升级成FLUX版的。进一步帮你增强产品质感。 第四，它还能实现最终生产的主图完好保留原本产品中的文字，这下就可以彻底告别AI处理后的火星文了…
提示语
############### AI大师工作流 ################## 这条工作流能帮你实现： 第一，只需上传商品图，就可以用最新的sam2模型无损抠出商品。…
…orkflow source: https://openart.ai/workflows/alansyn/easy product relight/XdzTNRbqi1kMYpNjuFWm Product shadow and light poster drawing based on Brus…
提示语
工作流介绍 改编自：alansun 工作流来源：https://openart.ai/workflows/alansyn/easy product relight/XdzTNRbqi1kMYpNjuFWm 基于 Brushnet IC Light…
