加载中…
案例库 · 公开证据
提示语
构建一个纯白、极简、未来主义的时尚落地页，标题为 **"LGPSM — Future Forward Fashion"**。技术栈：React 19 + Vite + TypeScript + Tailwind CSS v4 + lucide-react。页面标题：`LGPSM — Future…
提示语
# 精确复刻提示词 — NovaAI 落地页 以**像素级忠实度**复刻此页面。技术栈：React + TypeScript + Vite + Tailwind CSS + lucide-react。不要自行创作其他文案、布局、字体、颜色或效果。 --- ##…
提示语
## 角色 参考下方说明，以**像素级还原**的方式重新创建一个单文件 HTML 产品落地页马赛克布局。输出一个包含内联 CSS + JS 的自包含 `index.html`。**不得使用外部图片。**所有图标均为内联…
提示语
重现这个完全一致的全视口作品集落地页——实现像素级精确匹配。 ═══════════════════════════════════════ 技术 / 技术栈 ═══════════════════════════════════════ - React + TypeScript + Tailwind…
提示语
构建一个**单文件、自包含的 `index.html`**，以**像素级精度**复刻这个网络安全落地页。固定全屏黑色舞台、左侧锁定排版、右侧循环视频氛围、一次性入场编排，以及移动端汉堡菜单遮罩层。不使用框架。不…
source-motionsites prompt-public not-rerun license-review web-ui motion-3d
提示语
将此页面**像素级忠实**地复刻为单个静态 `index.html`（内联 CSS + JS，不使用框架）。精确匹配结构、文案、间距 token、玻璃效果、动效、字体和媒体。不要虚构额外的区块、统计数据、卡片或营销模块。…
提示语
# PROMPT — 精确重现 "Mostar city" 电影感滚动页面 构建一个**独立的单页面**（`index.html` + `styles.css` + `script.js`，使用 vanilla —…
提示语
精确重现这个为“ECHOID”设计的全视口深色首屏落地页——它是 E network 的语音身份产品。精确匹配下方每个细节。不要虚构额外版块、卡片、统计数据或装饰性叠层。Desktop…
提示语
使用静态 **HTML + CSS + vanilla JS**（无框架），将其重建为一个**单视口、全出血视频背景落地页**。与当前实现完全一致。文件结构： ``` index.html styles.css main.js assets/logo.webp fonts/Geis…
提示语
将此页面完全一致地复刻为单个静态 HTML 文件（不使用框架、不使用 React、不使用 Tailwind、不使用 GSAP）。两个全视口深色区段垂直堆叠。平滑滚动。文字抗锯齿。参考画布质感：精致的 AI…
提示语
Build a single, self-contained `index.html` file — no build step, no external requests except one video URL, no frameworks, no dependencies. Everything (CSS, JS, SVG) is inline. The file…
提示语
严格按照以下规范重建一个单文件、深色电影感的 AI 基础设施落地页。交付一个独立完整的 index.html（内联 CSS + JS，无需构建步骤）。像素级忠实还原经过测量的 Figma…
提示语
将此页面重建为单个自包含的 index.html 文件——像素级忠实还原 Falcon AI Operations Overview 三联画。不得使用框架、外部…
提示语
构建一个 **single-file** `index.html` 全 viewport 海报。无滚动。无 frameworks。不要重新设计。必须**精确**匹配布局、字体、颜色、两个图像 URL、入场编排、移动端菜单和鼠标…
提示语
构建一个名为 `PrecisionSection` 的单一 React + TypeScript + Tailwind CSS v3 组件。不使用外部图标库——所有图标均为内联 SVG 或 `<img>` 标签。无 `useState`、无 animations、无 hover…
提示语
使用 React、TypeScript、Tailwind CSS 3 和 Framer Motion，将“我们的综合品牌塑造方法”版块构建为 React 组件。该版块采用深色背景（`#0f0f0f`）和白色文本。字体为 `'DM Sans', sans-serif`（通过…
提示语
Build a full-viewport dark personal portfolio Features section using React + TypeScript + Tailwind CSS + lucide-react. **Layout & Structure:** - Full screen dark background `#0a0a0a`,…
提示语
使用 React 19、TypeScript、Vite、Tailwind CSS v4（`@tailwindcss/vite`）和 `motion`（来自 `motion/react`）创建一个纯 `#FF0000` 红色背景的单一全屏 section。 ###…
source-motionsites prompt-public not-rerun license-review web-ui motion-3d
提示语
请构建一个名为“Aurora Sign Up”的现代双栏注册界面。使用 React、Tailwind CSS (v4)、`motion/react`（用于动画）和 `lucide-react`（用于图标）。整个应用应完全包含在 `App.tsx` 和 `index.css`…
提示语
使用 Tailwind CSS 构建一个用于“关于我们”版块的单个 React 组件。使用 `lucide-react` 中的 ArrowRight 图标。仅使用系统字体栈（不使用自定义字体）。精确匹配每一处细节： --- ###…
source-motionsites prompt-public not-rerun license-review web-ui motion-3d
提示语
使用 Vite、Tailwind CSS 和 motion/react 构建现代 React 落地页，实现优雅动画。应用必须包含高度精致、美观的 Hero 区块和玻璃拟态导航栏。 1. 排版与全局 CSS（src/index.css） 从 Google Fonts…
提示语
构建一个名为“镜头背后”的摄影博客区块，严格遵循以下规格： **布局与结构：** - 白色背景页面，最大宽度 1200px，居中，垂直内边距 60px，水平内边距 20px -…
提示语
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…
提示语
使用 React、Tailwind CSS、Framer Motion 和 Lucide React icons 构建一个全屏 Hero Section。使用 Inter 字体。页面需要完全适配移动端。以下是确切规格： --- **背景：** -…
