案例库 · 公开证据
这里不收资讯摘要，只收能指向作品、作者、过程和原始来源的 Case。榜单、收藏、作者页与复测记录都从同一条 Case 继续生长。
创作者 MotionSites →
…matic with a warm cream color palette. FONTS Load two Google Fonts in index.html: Almarai (weights: 300, 400, 700, 800) -- used as the global defaul…
提示语
Create a React + Vite + TypeScript + Tailwind CSS landing page for a…
.webp)
创作者 MotionSites →
… font:** "Helvetica Now Display Bold" -- load via this stylesheet in `index.html`: ``` <link href="https://db.onlinewebfonts.com/c/04e6981992c0e2e76…
提示语
Build a password manager landing page hero section using React,…
.webp)
创作者 MotionSites →
…ll the viewport - Video URL: `https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260619_191346_9d19d66e-86a4-47f7-8dc6-712c1…
提示语
Create a full-screen cinematic hero section using React, Tailwind CSS,…
.webp)
创作者 MotionSites →
…nd video and all content overlaid on top. **Background video:** Use this exact CloudFront URL as a fullscreen `<video>` element with `autoPlay`, `mu…
提示语
Build a fullscreen hero landing page for a creative agency called…
.webp)
创作者 MotionSites →
…ull-width call-to-action section with an HLS video background, centered text, two CTA buttons, and a minimal footer bar at the bottom. Black backgro…
提示语
Build a "CTA + Footer" section component for a React + Vite + Tailwind…
.webp)
创作者 MotionSites →
…cation in a container div with the following classes: relative bg-white text-neutral-900 font-sans selection:bg-[#EAECE9] selection:text-[#1C2E1E] a…
提示语
Build a modern, interactive hero section using React, Tailwind CSS, and…
.webp)
创作者 MotionSites →
…, `ChevronUp`). No other UI libraries. ### Layout A centered container `max-w-[1100px] w-full mx-auto px-5`, white body (`bg-white text-neutral-900`…
提示语
**PROMPT:** Build a React + TypeScript + Vite + Tailwind CSS page with a…
创作者 Isabella →
…ter scheduling through the prompt word, and finally connect it with the text layout image to generate four posters. [Usage scenario] With a paragrap…
提示语
工作流介绍] 首先，这个工作流需要输入你想要生成图像的提示词，经过提示词调度后送入采样…
创作者 @chetaslua →
来自 X / 𝕏 的真实 视频 案例，由 @chetaslua 发布。适合观察 Prompt 结构、素材组织和可复用的创作模式。
提示语
一位教授在传统黑板上写出三角恒等式的数学证明，同时讲解方程当前步骤。
创作者 @aimikoda →
来自 X / 𝕏 的真实 视频 案例，由 @aimikoda 发布。适合观察 Prompt 结构、素材组织和可复用的创作模式。
提示语
GPT Image 2 提示语： 创作一套聚焦极限肢体动作的原始功夫表演分镜。角色使…
创作者 @umesh_ai →
来自 X / 𝕏 的真实 视频 案例，由 @umesh_ai 发布。适合观察 Prompt 结构、素材组织和可复用的创作模式。
提示语
史诗级的广角镜头，展现黄金时刻下一片浩瀚的古代战场，成千上万的战士在浓烟弥漫、灰烬密布…
创作者 @oggii_0 →
来自 X / 𝕏 的真实 图像 案例，由 @oggii_0 发布。适合观察 Prompt 结构、素材组织和可复用的创作模式。
提示语
把这张照片变成搞笑、难看的涂鸦。让它像用廉价马克笔或蜡笔快速画成：凌乱、粗糙、幼稚的风…
创作者 @TechieBySA →
来自 X / 𝕏 的真实 视频 案例，由 @TechieBySA 发布。适合观察 Prompt 结构、素材组织和可复用的创作模式。
提示语
GPT Image 2 分镜提示语： “为 THE CROISSANT BAKER…
创作者 @chesnyfcb →
来自 X / 𝕏 的真实 图像 案例，由 @chesnyfcb 发布。适合观察 Prompt 结构、素材组织和可复用的创作模式。
提示语
创作一张超精细的艺术体育海报，采用素描线稿与水彩泼墨结合的风格。 主体： [在此填写]…
创作者 @harboriis →
来自 X / 𝕏 的真实 图像 案例，由 @harboriis 发布。适合观察 Prompt 结构、素材组织和可复用的创作模式。
提示语
超写实电影感肖像：一名神秘的年轻另类女孩坐在阴暗、雾气弥漫的松林中，身旁是一只巨大的孟…
创作者 @viktoroddy →
来自 X / 𝕏 的真实 编程/UI 案例，由 @viktoroddy 发布。适合观察 Prompt 结构、素材组织和可复用的创作模式。
提示语
一键获取所有惊艳动画网站的 Prompt：http://motionsites.ai 用 React + TypeScript + Vite +…
来自 X / 𝕏 的真实 图像 案例，由 @Goodmanprotocol 发布。适合观察 Prompt 结构、素材组织和可复用的创作模式。
提示语
为“[国家名称] TRAVEL POSTERS”生成一张复古旅行海报拼贴风格主视觉。…
创作者 @azed_ai →
来自 X / 𝕏 的真实 图像 案例，由 @azed_ai 发布。适合观察 Prompt 结构、素材组织和可复用的创作模式。
提示语
超写实半透明玻璃[水果名称]，整体由清澈的有色玻璃雕刻而成。表面圆润顺滑，内部悬浮细小…
来自 X / 𝕏 的真实 视频 案例，由 @LudovicCreator 发布。适合观察 Prompt 结构、素材组织和可复用的创作模式。
提示语
日出时分，一片完全空旷、平坦的地貌。 到第 2 秒，建筑开始自动组装：钢梁飞入正确位…
创作者 Aceternity UI →
// components/ui/placeholders-and-vanish-input.tsx "use client"; import { AnimatePresence, motion } from "motion/react"; import { useCallback, useEf…
提示语
// components/ui/placeholders-and-vanish-input.tsx "use client"; import {…
创作者 Aceternity UI →
// components/ui/pointer-highlight.tsx "use client"; import { cn } from "@/lib/utils"; import { motion } from "motion/react"; import { useRef, useEf…
提示语
// components/ui/pointer-highlight.tsx "use client"; import { cn } from…
创作者 Aceternity UI →
// components/ui/timeline.tsx "use client"; import { useMotionValueEvent, useScroll, useTransform, motion, } from "motion/react"; import React, { us…
提示语
// components/ui/timeline.tsx "use client"; import { useMotionValueEvent,…
创作者 Aceternity UI →
// components/ui/tracing-beam.tsx "use client"; import React, { useEffect, useRef, useState } from "react"; import { motion, useTransform, useScroll…
提示语
// components/ui/tracing-beam.tsx "use client"; import React, {…
创作者 Aceternity UI →
// components/ui/background-beams.tsx "use client"; import React from "react"; import { motion } from "motion/react"; import { cn } from "@/lib/util…
提示语
// components/ui/background-beams.tsx "use client"; import React from…
