加载中…
案例库 · 公开证据
**Recreate this exact landing page pixel-for-pixel.** ## Tech stack React + Vite + TypeScript + Tailwind CSS. Single page: `<Hero />` then `<Marquee…
提示语
**逐像素复刻这个落地页。** ## 技术栈 React + Vite + TypeScript + Tailwind CSS。单页：先是 `<Hero />`，然后是 `<Marquee />`。不使用路由，不添加额外区域。Body：`font-family: 'Inter',…
## ROLE Recreate a single-file HTML product landing mosaic **pixel-faithful** to the reference below. Output one self-contained `index.html` with in…
提示语
## 角色 参考下方说明，以**像素级还原**的方式重新创建一个单文件 HTML 产品落地页马赛克布局。输出一个包含内联 CSS + JS 的自包含 `index.html`。**不得使用外部图片。**所有图标均为内联…
Build a **single self-contained `index.html`** that recreates this cybersecurity landing page **pixel-faithfully**. Fixed fullscreen black stage, le…
提示语
构建一个**单文件、自包含的 `index.html`**，以**像素级精度**复刻这个网络安全落地页。固定全屏黑色舞台、左侧锁定排版、右侧循环视频氛围、一次性入场编排，以及移动端汉堡菜单遮罩层。不使用框架。不…
Recreate this page **pixel-faithfully** as a single static `index.html` (inline CSS + JS, no framework). Match structure, copy, spacing tokens, glas…
提示语
将此页面**像素级忠实**地复刻为单个静态 `index.html`（内联 CSS + JS，不使用框架）。精确匹配结构、文案、间距 token、玻璃效果、动效、字体和媒体。不要虚构额外的区块、统计数据、卡片或营销模块。…
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描述控制镜头运动和光照。
