加载中…
案例库 · 公开证据
提示语
1. Prompt：“构建一个叙事网站，每个滚动区块都通过流畅的色彩过渡揭示一个新的章节” 2. 使用 Three.js 制作会响应光标的绘画质感背景 3. Prompt：“加入 GSAP…
提示语
http:// 用 React 18 + TypeScript + Vite + Tailwind CSS 和 lucide-react 图标，为一个名为 Lithos 的地质品牌构建一个全屏深色主题 Hero…
Claude + Nano Banana + Kling 动画网站
提示语
为一家名为「Aethera」的创意工作室构建一个 React + Vite + TypeScript + Tailwind CSS 落地页。网站仅使用浅色模式（不做暗色模式）。使用两种 Google Fonts：Instrument Serif（展示 / 标题）和…
提示语
> 用 **React + TypeScript + Vite + Tailwind CSS + lucide-react** 为一个名为 **「Aethera」**（一家专注放贷业务的金融科技 / AI…
提示语
用 React + TypeScript + Vite + Tailwind CSS + framer-motion + lucide-react 构建一个单页落地页。整个页面背景为 bg-black。通过 Google Fonts 加载的字体是 Instrument Serif（斜体和常规体）。在…
Claude + Codex + Gemini + OpenClaw 重建落地页
提示语
我在一天内把自己的落地页重做出来了，过程中一起使用了 Claude Design、Codex、Gemini 和 OpenClaw。 这是一个 10 步流程，每个工具负责工作中的不同部分。 下面是我做的全部事情： 1.…
提示语
Claude Sonnet 5 有一种有趣的前端设计品味，我很喜欢。 只用这一个提示词构建： > 创建一个外观惊艳的个人网站，让我可以介绍自己、展示项目和其他内容。使用虚拟数据。
提示语
> 我想让你为这个库创建一个落地页。 1. hero 区域 2. 带 CTA 按钮的功能展示，以及任何你认为重要的版块，从 components 文件夹里取用所有组件，例如 Heading.tsx、paragraph.tsx 使用 `max-w-
提示语
Claude Opus 5 制作了一个完整的落地页，面向一个虚构的 AI 模型。 Prompt：“为名为 Dreamer 的虚构下一代 AI…
提示语
为一家名为「APEX」的虚构公司创建一个深色、高级的 SaaS 落地页——一个营收加速平台。设计采用「液态玻璃」美学，超深色背景、半透明玻璃拟态元素，配绿色强调色。页面使用…
Nano Banana + Kling + Claude 电影感 Hero
提示语
提示词：电影感 Hero 区域，带循环视频背景 用 React + Vite + Tailwind CSS + TypeScript 创建一个全屏单页 Hero 区域，具体规格如下： 字体： 展示文字（标题、Logo）：Instrument…
提示语
构建一个 Velorah 落地页——一个面向电动房车 / 露营车品牌的高级深色主题单页网站。使用 React、TypeScript、Tailwind CSS 和 hls.js 库。页面纵向堆叠 6…
方法 / 代码
查看方法 ↗提示语
一键获取所有惊艳动画网站的 Prompt：http://motionsites.ai 用 React + TypeScript + Vite + Tailwind CSS 构建一个全视口高度的单一主视觉区块，图标使用…
提示语
写一段 Python 代码，可视化单行道上红绿灯的工作原理，车辆以随机速率进入。
提示语
跑在5美元ESP32-S3芯片上的AI助手,不装Linux不装Node.js纯C实现,靠Telegram对话调用Claude或GPT完成任务并记住历史。
Claude Fable 5 · Three.js · Blender · GSAP
提示语
提示词：「设计一个机构网站，把服务以 3D 超市商品包装的形式呈现」 使用 Three.js 和 WebGL 在浏览器中实时渲染所有产品 使用 Blender 制作包装模型，然后导出为 GLTF 以加载到 Three.js 中 使用…
提示语
「使用 mcp360 imagegen，在暗色主题下创建一个健身房网站，并加入图片。」 MCP360 下一次更新即将到来，敬请期待。🚀
提示语
「为一个虚构的浓缩咖啡订阅服务构建一个落地页。不要向我提问。自行决定所有字体、颜色和间距。我想看你的品味。使用单个 HTML 文件。」
提示语
第一次尝试做出了一个还不错的包含比赛、积分榜和赛程的仪表盘……但还不够华丽。 图片生成没有成功（符合预期），所以我让它尽可能抓取可用的图片。 还在测试这个新模型到底有多强。我接下来还应该用…
@viktoroddy 使用 ChatGPT Image 2.0 · Claude Opus 4.6完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
项目设置 技术栈：React 19 + Vite 6 + Tailwind CSS 4 + Motion（Framer Motion）+ Lucide React 图标 + TypeScript package.json 依赖： - `react`、`react-dom` ^19.0.1 - `vite` ^6.2.3 -…
@viktoroddy 使用 Fable · Claude Opus完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
用 React + TypeScript + Vite + Tailwind CSS v4 构建一个滚动驱动的 Hero 落地页。页面为黑色背景，白色文字，包含 3…
复制完整建站 Prompt 到 AI 编程工具（Cursor、v0、Claude 等）生成「Rare Gallery」对应的页面区块，替换文案、品牌与素材链接即可复用。 MotionSites 免费 Prompt 案例；站点不公开创作者，归属挂 MotionSites。
提示语
构建一个单页奢侈品牌落地页（仅包含 navbar + 全视口 hero）。技术栈：React 18 + TypeScript + Vite + Tailwind CSS 3。不使用额外 UI 工具包。仅将 lucide-react 用于 Flower2…
复制完整建站 Prompt 到 AI 编程工具（Cursor、v0、Claude 等）生成「Palomar Labs」对应的页面区块，替换文案、品牌与素材链接即可复用。 MotionSites 免费 Prompt 案例；站点不公开创作者，归属挂 MotionSites。
提示语
构建一个独立、像素级精确复刻的 Palomar Labs 营销落地页：仅包含固定导航栏 + 全 viewport 视频 Hero。不要添加其他区域。严格匹配此规范。不要编造额外文案、按钮、渐变、遮罩或装饰性斑块。 技术栈 R…
