加载中…
案例库 · 公开证据
Build a single-page luxury brand landing (navbar + full-viewport hero only). Stack: React 18 + TypeScript + Vite + Tailwind CSS 3. No extra UI kits.…
提示语
构建一个单页奢侈品牌落地页（仅包含 navbar + 全视口 hero）。技术栈：React 18 + TypeScript + Vite + Tailwind CSS 3。不使用额外 UI 工具包。仅将 lucide-react 用于 Flower2…
…ne, subtitle, CTA button, and a logo marquee at the bottom. Here are the exact specifications: Theme & Colors (index.css CSS variables): Background:…
提示语
创建一个全屏深色 hero section，其中包含循环背景视频、navbar、headline、subtitle、CTA button，以及底部的 logo marquee。以下是确切规格： 主题与颜色（index.css CSS variables）： 背景：260…
… product design education platform called "DesignPro" with the following exact specifications: Background: Full-screen looping video background usin…
提示语
为名为“DesignPro”的产品设计教育平台创建一个全屏 HERO 区段，具体要求如下： 背景： 使用以下精确 CloudFront URL 作为全屏循环视频背景：https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJO…
…tions: Video Background: URL: https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260329_050842_be7…
提示语
创建一个带循环视频背景的现代首屏区域，规格如下： 视频背景： URL: https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260329_050842_be71947f-f16e-4a14-810c-06e83d23d…
Build a single React + TypeScript section using Tailwind CSS. No extra libraries. Fully mobile-responsive. Black background, white text. ## Global P…
提示语
使用 React + TypeScript 和 Tailwind CSS 构建单个区块。不使用额外库。完全适配移动端。黑色背景，白色文字。 ## 全局前置条件 - 字体：`@import…
Build a pixel-faithful recreation of the landing CTA section. Use React 18 + Vite + TypeScript, TailwindCSS, `framer-motion`, `clsx` + `tailwind-mer…
提示语
构建与落地页 CTA 区域像素级一致的复刻版本。使用 React 18 + Vite + TypeScript、TailwindCSS、`framer-motion`、`clsx` + `tailwind-merge` 作为 `cn()`。采用深色主题背景（`#000000`）、Inter…
… Build a "Categories" section in React + Tailwind CSS with the following exact specifications: > > **Section Container:** > - Full-width `<section>`…
提示语
--- **重现“分类”区块的提示词：** > 使用 React + Tailwind CSS 构建一个“分类”区块，严格遵循以下规格： > > **区块容器：** > - 全宽 `<section>`，使用…
… + Vite + Tailwind CSS landing page with two full-screen sections for a luxury beauty/wellness brand called "Serene". Use TypeScript.** --- ### Font…
提示语
**使用 React + Vite + Tailwind CSS 为名为 "Serene" 的奢华美容与健康品牌构建一个包含两个全屏分区的 landing page。使用 TypeScript。** --- ### 字体（通过 index.html 中的 Google Fonts…
# Recreate This Page Exactly — Lewis Hamilton / Silverstone F1 Hero ## Tech stack - React + TypeScript + Vite - Tailwind CSS (config extends `fontFa…
提示语
# Recreate This Page Exactly — Lewis Hamilton / Silverstone F1 Hero ## Tech stack - React + TypeScript + Vite - Tailwind CSS (config extends `fontFamily.sans` = `['"Albert Sans"',…
Recreate this EXACT weather dashboard UI as a single self-contained HTML page (inline CSS, SVG icon sprite, no frameworks, no JS required). Pixel-fa…
提示语
将这个天气仪表盘 UI 精确复刻为一个独立的 HTML 页面（内联 CSS、SVG 图标精灵、不使用框架、无需 JS）。像素级忠实还原参考设计“Aurora Weather / Weather Forecast — Central…
# Exact recreation prompt — NovaAI landing page Recreate this page **pixel-faithfully**. Stack: React + TypeScript + Vite + Tailwind CSS + lucide-re…
提示语
# 精确复刻提示词 — NovaAI 落地页 以**像素级忠实度**复刻此页面。技术栈：React + TypeScript + Vite + Tailwind CSS + lucide-react。不要自行创作其他文案、布局、字体、颜色或效果。 --- ##…
Recreate this exact full-viewport portfolio landing page — pixel-perfect match. ═══════════════════════════════════════ TECH / STACK ═══════════════…
提示语
重现这个完全一致的全视口作品集落地页——实现像素级精确匹配。 ═══════════════════════════════════════ 技术 / 技术栈 ═══════════════════════════════════════ - React + TypeScript + Tailwind…
# PROMPT — Recreate "Mostar city" cinematic scroll page exactly Build a **single standalone page** (`index.html` + `styles.css` + `script.js`, vanil…
提示语
# PROMPT — 精确重现 "Mostar city" 电影感滚动页面 构建一个**独立的单页面**（`index.html` + `styles.css` + `script.js`，使用 vanilla —…
Recreate this exact full-viewport dark hero landing page for “ECHOID” — a voice-identity product for the E network. Match every detail below precise…
提示语
精确重现这个为“ECHOID”设计的全视口深色首屏落地页——它是 E network 的语音身份产品。精确匹配下方每个细节。不要虚构额外版块、卡片、统计数据或装饰性叠层。Desktop…
…ML + CSS + vanilla JS** (no framework). Match the current implementation exactly. File structure: ``` index.html styles.css main.js assets/log…
提示语
使用静态 **HTML + CSS + vanilla JS**（无框架），将其重建为一个**单视口、全出血视频背景落地页**。与当前实现完全一致。文件结构： ``` index.html styles.css main.js assets/logo.webp fonts/Geis…
Recreate this page EXACTLY as a single static HTML file (no frameworks, no React, no Tailwind, no GSAP). Two full-viewport dark sections stacked ver…
提示语
将此页面完全一致地复刻为单个静态 HTML 文件（不使用框架、不使用 React、不使用 Tailwind、不使用 GSAP）。两个全视口深色区段垂直堆叠。平滑滚动。文字抗锯齿。参考画布质感：精致的 AI…
Build a **single-file** `index.html` full-viewport poster. No scroll. No frameworks. No redesign. Match layout, type, color, both image URLs, entran…
提示语
构建一个 **single-file** `index.html` 全 viewport 海报。无滚动。无 frameworks。不要重新设计。必须**精确**匹配布局、字体、颜色、两个图像 URL、入场编排、移动端菜单和鼠标…
…lucide-react` (for icons). The app should be contained entirely in `App.tsx` and `index.c…
提示语
请构建一个名为“Aurora Sign Up”的现代双栏注册界面。使用 React、Tailwind CSS (v4)、`motion/react`（用于动画）和 `lucide-react`（用于图标）。整个应用应完全包含在 `App.tsx` 和 `index.css`…
…your tattoo design ideas into reality with this AI tattoo generator app. Explore unique tattoo styles, get instant design inspiration, and create cu…
提示语
把你的纹身设计想法变成真实图像的AI纹身生成器应用。探索多种独特纹身风格,即时获取设计灵感,几秒钟内创作出自定义纹身概念——非常适合规划你的下一个纹身作品。
Generate cinematic videos from reference images and text prompts in 4K. Preserve subject identity and composition while adding expressive motion wit…
提示语
通过参考图像和文字prompt生成4K电影级视频。在保持主体身份和构图的同时加入富有表现力的动作,并同步生成音频。通过细致的prompt描述控制镜头运动和光照。
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…
