从作品结果，回到作者与方法。

为名为 “SynapseX” 的品牌制作一个单页全屏 Hero 区块，使用 React、Vite、Tailwind CSS v4 和 Framer Motion（motion/react）。桌面端使用 lenis…

用 React、Vite、TypeScript、Tailwind CSS 和 motion/react（Framer Motion）库为一个太空旅行网站构建一个全屏电影感 Hero 区域。严格按照下面的每一处细节还原。 1. 字体 从 Google Fonts 引入…

为一位电影导演创建一个艺术化、电影感的作品集网站。首页应展示来自其影片的全屏背景视频或图像蒙太奇，配合戏剧化打光和有情绪的色调。使用粗衬线字体呈现导演姓名，并配上一句简短标语，例如：用光与…

下面介绍如何用 AI 创建 Netflix 风格的个人作品集网站。 使用这个 Prompt：设计一个受 Netflix 视觉语言启发、但重新想象为未来感 3D…

下面是使用 Neumorphism 风格创建个人作品集网站的方法。 使用以下 Prompt：制作一个高端未来感作品集网站，采用干净的 Neumorphism…

构建出这个网站的确切提示词架构 我没有让 kimi k2「做一个网站」 我给了它一份完整的创意简报： → 美学方向（编辑时尚 / 极简奢华） → 精确的配色方案，附十六进制色值 → 字体搭配（cormorant…

我用一条提示在周末做出了这个价值 10,000 美元的网站…… 开玩笑的。我又做了一个网页模型，只是用一条主提示和几条小提示来调整它。 它主要花了我一些时间，以及每周 Antigravity 积分的大约…

GPT 5.6 Pro 的前端能力相当不错！ 因为 GPT 5.2 曾经是 ChatGPT 的“痛点时刻”，所以我决定测试它的前端能力。 以前我为了做出漂亮的前端，曾经付费订阅 Claude Max ×5。但现在不用了！ 这里有 3…

2. 时装屋落地页 Prompt："为一家名为 VEIL/FIELD 的虚构数字时装屋创建一个实验性落地页。 它应像互动式编辑版面，而不是产品 SaaS 页面。使用 Three.js…

我刚测试了 Qwen 3.8 Max，效果太炸了！！真的离谱！！！ Prompt——“创建一个让人感觉像活体数字有机体、而不是模板的单页网站。使用电影感 WebGL…

> 我想让你为这个库创建一个落地页。 1. hero 区域 2. 带 CTA 按钮的功能展示，以及任何你认为重要的版块，从 components 文件夹里取用所有组件，例如 Heading.tsx、paragraph.tsx 使用 `max-w-

3. 机器人落地页 Prompt：“为一家名为 IRON INDEX 的虚构机器人公司制作一个落地页。 页面应呈现工业 CAD 终端与技术规格表的混合感。使用 Three.js…

精准复刻这个 **Vesper.ai** 单视口落地页。文档标题：`Vesper.ai — Operational AI Infrastructure`。`lang="en"`。使用一个包含内联 CSS 的 HTML 文件，并加入一个用于菜单和动画回退的小型…

为 AI 网站构建器创建一个深色模式 Hero 区块，严格遵循以下规格： ## 技术设置 ### 必需的软件包 安装以下软件包： - `motion`（版本 12.23.24 或更高）——用于动画 - `hls.js`（版本 1.6.15…

使用 React、Vite、TypeScript、Tailwind CSS、shadcn/ui，以及作为背景嵌入的 Spline 3D scene，为一家名为“SENTINEL AI”的安防公司创建一个全屏深色 hero landing page。技术栈使用…

Prompt to recreate this landing page: Build a single-page dark portfolio landing page using React + Vite + Tailwind CSS + TypeScript + GSAP + Framer Motion + hls.js. --- ## Global Design…

使用 Tailwind CSS、`motion/react` 实现动画，并使用 `lucide-react` 提供图标，构建一个 React 函数组件。 **1. 字体排版与设置：** - 从 Google Fonts 导入 "Inter" 字体（字重…

// components/ui/parallax-hero-images.tsx "use client"; import React, { useEffect, useState, useMemo, useCallback, memo } from "react"; import { motion, useMotionValue, useSpring,…

// components/ui/world-map.tsx "use client"; import { useRef } from "react"; import { motion } from "motion/react"; import DottedMap from "dotted-map"; import { useTheme } from…

// components/ui/file-upload.tsx "use client"; import { cn } from "@/lib/utils"; import React, { useRef, useState } from "react"; import { motion } from "motion/react"; import { IconUpload…

// components/ui/placeholders-and-vanish-input.tsx "use client"; import { AnimatePresence, motion } from "motion/react"; import { useCallback, useEffect, useRef, useState } from "react";…

// components/ui/evervault-card.tsx "use client"; import { useMotionValue } from "motion/react"; import React, { useState, useEffect } from "react"; import { useMotionTemplate, motion }…