加载中…
案例库 · 公开证据

提示语
将此页面完全一致地复刻为单个静态 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…
提示语
四比五高端商业广告,虚构的 {argument name="product" default="Arctic Mint Ice Gum"},前景英雄手部,{argument name="subject" default="adult non-Black model"},{argument name="color theme"…
提示语
严格按照以下规范重建一个单文件、深色电影感的 AI 基础设施落地页。交付一个独立完整的 index.html(内联 CSS + JS,无需构建步骤)。像素级忠实还原经过测量的 Figma…
提示语
将此页面重建为单个自包含的 index.html 文件——像素级忠实还原 Falcon AI Operations Overview 三联画。不得使用框架、外部…
提示语
制作一支 15 秒的超高清 4K 动漫烹饪节目第一人称视角视频,严格参照提供的可爱欧姆蛋食谱图片。 风格: 高端日系可爱风动漫烹饪广告。粉彩粉色/奶油色的Q版厨房,温暖柔和的灯光,温馨的魔法早餐氛围,…
提示语
构建一个 **single-file** `index.html` 全 viewport 海报。无滚动。无 frameworks。不要重新设计。必须**精确**匹配布局、字体、颜色、两个图像 URL、入场编排、移动端菜单和鼠标…

名为 PrecisionSection 的纯展示组件,React + TypeScript + Tailwind v3,禁 useState 禁图标库,图标全部内联 SVG。
提示语
构建一个名为 `PrecisionSection` 的单一 React + TypeScript + Tailwind CSS v3 组件。不使用外部图标库——所有图标均为内联 SVG 或 `<img>` 标签。无 `useState`、无 animations、无 hover…
一个精致的多镜头视频提示词,用于创作一段逼真的 9:16 手持自拍 Vlog,记录一名女性在日本夏日祭典中的场景。视频需具备连贯的人物细节、节奏感强的口号以及传统的祭典氛围。
提示语
风格:手持自拍 vlog——前置镜头手臂长度距离,双眼直视镜头,自然的细微抖动,明亮轻快的节日基调。一镜到底的连续手持长镜头(无硬切);让年轻女性的脸在所有镜头中保持完全一致,同一件法被(祭典外衣…

提示语
使用 React、TypeScript、Tailwind CSS 3 和 Framer Motion,将“我们的综合品牌塑造方法”版块构建为 React 组件。该版块采用深色背景(`#0f0f0f`)和白色文本。字体为 `'DM Sans', sans-serif`(通过…

个人作品集的暗色 Features 区块,React + TypeScript + Tailwind + lucide-react。
提示语
Build a full-viewport dark personal portfolio Features section using React + TypeScript + Tailwind CSS + lucide-react. **Layout & Structure:** - Full screen dark background `#0a0a0a`,…

纯红底(#FF0000)的整页 About 区块,React 19 + Tailwind v4 + motion,胆子很大的配色练习。
提示语
使用 React 19、TypeScript、Vite、Tailwind CSS v4(`@tailwindcss/vite`)和 `motion`(来自 `motion/react`)创建一个纯 `#FF0000` 红色背景的单一全屏 section。 ###…

双栏注册界面 Aurora Sign Up,React + Tailwind v4 + motion/react,表单页也认真做动效。
提示语
请构建一个名为“Aurora Sign Up”的现代双栏注册界面。使用 React、Tailwind CSS (v4)、`motion/react`(用于动画)和 `lucide-react`(用于图标)。整个应用应完全包含在 `App.tsx` 和 `index.css`…
一个复杂的电影级视频提示词,呈现了一场关于男人与其感知反射影像的心理恐怖场景。镜头从对称的中景转换到戏剧性的慢动作镜面破碎,最终以无限镜像虚空和硬切至黑屏结束。
提示语
@参考图片 作为首帧。一位穿着深色西装外套和黑衬衫、衣着考究的男人站在一面高大华丽的镜子前,四周一片漆黑。他的倒影回望着他——但倒影在微笑,而他没有。 0–2秒:中景,对称构图——男人在左,他的倒影…

提示语
使用 Tailwind CSS 构建一个用于“关于我们”版块的单个 React 组件。使用 `lucide-react` 中的 ArrowRight 图标。仅使用系统字体栈(不使用自定义字体)。精确匹配每一处细节: --- ###…

精致动效的现代落地页 hero,React + Vite + motion/react,重点在动画的克制与顺滑。
提示语
使用 Vite、Tailwind CSS 和 motion/react 构建现代 React 落地页,实现优雅动画。应用必须包含高度精致、美观的 Hero 区块和玻璃拟态导航栏。 1. 排版与全局 CSS(src/index.css) 从 Google Fonts…
一则为 Grok Imagine 设计的提示词,用于生成真实的 1970 年代巴黎纪录片影像,呈现粗粝的 16mm 胶片美学、有机颗粒和自然光线。
提示语
粗粝的 16mm cinéma vérité,真实的 1970 年代巴黎纪录片影像,有机胶片颗粒,纯自然日光,强烈的 shoulder-mounted handheld…

提示语
构建一个名为“镜头背后”的摄影博客区块,严格遵循以下规格: **布局与结构:** - 白色背景页面,最大宽度 1200px,居中,垂直内边距 60px,水平内边距 20px -…

复古未来主义创意机构 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…