加载中…
案例库 · 公开证据
提示语
用 React、Vite、TypeScript、Tailwind CSS 和 motion/react(Framer Motion)库为一个太空旅行网站构建一个全屏电影感 Hero 区域。严格按照下面的每一处细节还原。 1. 字体 从 Google Fonts 引入…
ChatGPT Image 设计转 React Native 网站
提示语
项目设置 技术栈: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 使用 Nano Banana · Kling · Claude完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
提示词:电影感 Hero 区域,带循环视频背景 用 React + Vite + Tailwind CSS + TypeScript 创建一个全屏单页 Hero 区域,具体规格如下: 字体: 展示文字(标题、Logo):Instrument…
@viktoroddy 使用 Claude Code · Nano Banana Pro · Kling完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
为一家名为「Aethera」的创意工作室构建一个 React + Vite + TypeScript + Tailwind CSS 落地页。网站仅使用浅色模式(不做暗色模式)。使用两种 Google Fonts:Instrument Serif(展示 / 标题)和…
@viktoroddy 使用 Fable · Claude Opus完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
用 React + TypeScript + Vite + Tailwind CSS v4 构建一个滚动驱动的 Hero 落地页。页面为黑色背景,白色文字,包含 3…
@viktoroddy 使用 Claude · Fable完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
> 用 **React + TypeScript + Vite + Tailwind CSS + lucide-react** 为一个名为 **「Aethera」**(一家专注放贷业务的金融科技 / AI…