加载中…
案例库 · 公开证据
提示语
「为我的咖啡店品牌 ZARA Cafe 创建一个现代、高级、高转化的电子商务网站。」 它生成的结果真的让我震惊： → 高级咖啡店品牌塑造 → 移动端优先设计 → 以转化为导向的布局 →…
提示语
为一位电影导演创建一个艺术化、电影感的作品集网站。首页应展示来自其影片的全屏背景视频或图像蒙太奇，配合戏剧化打光和有情绪的色调。使用粗衬线字体呈现导演姓名，并配上一句简短标语，例如：用光与…
web human-reviewed React · Vite · TypeScript web-ui motion-3d
提示语
用 React、Vite、TypeScript、Tailwind CSS 和 motion/react（Framer Motion）库为一个太空旅行网站构建一个全屏电影感 Hero 区域。严格按照下面的每一处细节还原。 1. 字体 从 Google Fonts 引入…
提示语
我用一条提示在周末做出了这个价值 10,000 美元的网站…… 开玩笑的。我又做了一个网页模型，只是用一条主提示和几条小提示来调整它。 它主要花了我一些时间，以及每周 Antigravity 积分的大约…
提示语
一家名为「Oren Studio」的精品建筑事务所，位于哥本哈根，专注于可持续住宅设计。用大型编辑摄影展示 4 个精选项目。采用温暖的有机美学、泥土色调、充裕留白和电影感衬线字体。加入包含创立故事的关于…
提示语
Claude Sonnet 5 有一种有趣的前端设计品味，我很喜欢。 只用这一个提示词构建： > 创建一个外观惊艳的个人网站，让我可以介绍自己、展示项目和其他内容。使用虚拟数据。
提示语
「为一个虚构的浓缩咖啡订阅服务构建一个落地页。不要向我提问。自行决定所有字体、颜色和间距。我想看你的品味。使用单个 HTML 文件。」
web human-reviewed Google Nano Banana · Next.js · Shadcn UI web-ui
提示语
"使用 Next.js（App Router）和 Shadcn UI，基于提供的粗略手绘线框图构建一个现代、可用于生产的 SaaS 落地页。 线框图只表示布局和层级——将其转化为适合真实创业公司发布的精致、高级 SaaS…
web human-reviewed Gemini 3.1 · React · Framer Motion web-ui
提示语
"使用 React、Tailwind CSS 和 Framer Motion 构建一个电影感、高端的 Formula 1 实时数据面板。设计应暗色、沉浸，并具有专业广播叠加层的感觉。 1. 布局与背景： 将背景设置为全屏、循环、静音的真实…
提示语
摄影师作品集网站 Dora AI 提供许多不同的设计风格可供选择，从 art deco 到 futuristic neon。 Prompt：摄影作品集网站的 landing page，多重曝光，深青色与浅琥珀色，Leica，图像，人物肖像，金色光线
提示语
蛋糕店网站 Dora 的模型会使用最佳的网站布局和协调的配色方案。 Prompt：蛋糕烘焙店网站的 landing page，时髦、潮流、大胆色彩、流行的 Retro Style、大胆的高饱和创新感、奇思妙想的动画、David…
web human-reviewed GPT-5.6 Pro · Three.js web-ui motion-3d
提示语
GPT 5.6 Pro 的前端能力相当不错！ 因为 GPT 5.2 曾经是 ChatGPT 的“痛点时刻”，所以我决定测试它的前端能力。 以前我为了做出漂亮的前端，曾经付费订阅 Claude Max ×5。但现在不用了！ 这里有 3…
web human-reviewed Perplexity Computer web-ui
提示语
「创建一个完整的创业公司概念，并为它生成一个完整的、视觉结构化的落地页。 1. 创业公司概览 - 公司名称 - 一句话标语 - 产品的清晰描述 - 目标受众 2. 问题与解决方案 - 它解决了什么问题 -…
web human-reviewed Claude Code · Sonnet 4.6 web-ui motion-3d
提示语
> 我想让你为这个库创建一个落地页。 1. hero 区域 2. 带 CTA 按钮的功能展示，以及任何你认为重要的版块，从 components 文件夹里取用所有组件，例如 Heading.tsx、paragraph.tsx 使用 `max-w-
提示语
Grok 4.3 beta 要来抢 Claude Design 的生意了🤯 这是构建视频中所示网站的确切提示词。 （必须收藏） 「使用 Tailwind CSS（通过 CDN 引入），柔和温暖的奶油 /…
提示语
「你是一位资深品牌策略师，同时也是专注转化的网页设计师。 你的任务是创建一个清晰、有说服力、高级的网站结构，把一位理想客户引导向一个明确的行动。 在动手构建之前，先做以下事情： 1. 定义…
提示语
构建出这个网站的确切提示词架构 我没有让 kimi k2「做一个网站」 我给了它一份完整的创意简报： → 美学方向（编辑时尚 / 极简奢华） → 精确的配色方案，附十六进制色值 → 字体搭配（cormorant…
提示语
GPT-5.6 Sol 在不使用 Codex harness 时做 UI 好得多。 它用下面这条提示生成了这个软件机构落地页： 为一家位于日本东京的软件机构设计一个漂亮的落地页。 使用的 Harness：ShioriCode。
web human-reviewed Claude Sonnet 5 · Cursor web-ui
提示语
第一次尝试做出了一个还不错的包含比赛、积分榜和赛程的仪表盘……但还不够华丽。 图片生成没有成功（符合预期），所以我让它尽可能抓取可用的图片。 还在测试这个新模型到底有多强。我接下来还应该用…
web human-reviewed GPT-5.6 Pro · Three.js web-ui motion-3d
提示语
2. 时装屋落地页 Prompt："为一家名为 VEIL/FIELD 的虚构数字时装屋创建一个实验性落地页。 它应像互动式编辑版面，而不是产品 SaaS 页面。使用 Three.js…
提示语
Claude Opus 5 制作了一个完整的落地页，面向一个虚构的 AI 模型。 Prompt：“为名为 Dreamer 的虚构下一代 AI…
提示语
为 “Axion Studio” 构建一个 React + Vite + Tailwind CSS 落地页——这是一个设计机构网站。英雄区背景使用 `shaders` 包（npm: `shaders`），图标使用 `lucide-react`。页面包含 3…
提示语
一键获取所有惊艳动画网站的 Prompt：http://motionsites.ai 用 React + TypeScript + Vite + Tailwind CSS 构建一个全视口高度的单一主视觉区块，图标使用…
web human-reviewed ChatGPT Image 2.0 · Claude Opus 4.6
提示语
项目设置 技术栈：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 -…
