已验证 · 可安装 Agent Skill
SKILL.md + .skill把这套方法装进你的 Agent。
npx skills add LearnPrompt/goodcase-lite --skill landing-page-information-structure --global --copy --yes --full-depthSkill · 跨作者通用方法
落地页信息结构
把价值主张、证据、功能与行动指令排成一条完整的页面阅读路径。
198 Cases · 44 位作者 · AI 编程(UI) · 最近例证 2026/08/30
方法骨架
- 01首屏只讲一个价值主张
- 02按问题、证据、功能组织模块
- 03让每段内容导向同一行动
作者证据
方法归纳出来，作者署名仍然留在证据上。
138 CasesMotionSites查看作者 →10 Casesviktoroddy查看作者 →5 Casesshushant_l查看作者 →3 Casessergey_moloman查看作者 →2 Casesalbysjourney查看作者 →2 CasesOluwaphilemon1查看作者 →1 Cases0fficialRohit查看作者 →1 Casesaaryan_kakad查看作者 →1 CasesAbhinavGirdhar查看作者 →1 Casesaiedge_查看作者 →1 Casesaigoldrushh查看作者 →1 CasesAIwithArsalan查看作者 →
Case 证据
先看作品，再判断这套方法值不值得学。
AI 编程(UI)MotionSites
珍稀画廊
复制完整建站 Prompt 到 AI 编程工具（Cursor、v0、Claude 等）生成「Rare Gallery」对应的页面区块，替换文案、品牌与素材链接即可复用。 MotionSites 免费 Prompt 案例；站点不公开创作者，归属挂 MotionSites。
提示语
构建一个单页奢侈品牌落地页（仅包含 navbar + 全视口 hero）。技术栈：React 18 + TypeScript + Vite + Tailwind CSS 3。不使用额外 UI 工具包。仅将 lucide-react 用于 Flower2 图标。页面标题：Aurevon。根包装容器：bg-black。html, body { overflow-x: hidden }。全局重置：margin: 0; padding: 0; box-sizing: border-b
来源热度 · MotionSites
—
稳定度
91
AI 编程(UI)MotionSites
Palomar Labs
复制完整建站 Prompt 到 AI 编程工具（Cursor、v0、Claude 等）生成「Palomar Labs」对应的页面区块，替换文案、品牌与素材链接即可复用。 MotionSites 免费 Prompt 案例；站点不公开创作者，归属挂 MotionSites。
提示语
构建一个独立、像素级精确复刻的 Palomar Labs 营销落地页：仅包含固定导航栏 + 全 viewport 视频 Hero。不要添加其他区域。严格匹配此规范。不要编造额外文案、按钮、渐变、遮罩或装饰性斑块。 技术栈 React + TypeScript + Vite Tailwind CSS lucide-react 图标：ChevronDown、ArrowRight、Triangle 单个 App.tsx，包含 Navbar、Hero、TrustedBy 准确的资源和
来源热度 · MotionSites
—
稳定度
AI 编程(UI)MotionSites
Quantum Core
复制完整建站 Prompt 到 AI 编程工具（Cursor、v0、Claude 等）生成「Quantum Core」对应的页面区块，替换文案、品牌与素材链接即可复用。 MotionSites 免费 Prompt 案例；站点不公开创作者，归属挂 MotionSites。
提示语
# PROMPT — 精确复刻 "Apogee" Hero Section 构建一个像素级精确、完全适配移动端的 Hero 落地页区块，名称为 **"Apogee"**。严格遵循下方所有规范——精确的十六进制值、精确的像素数、精确的 class 名称、精确的动画延迟、精确的文案。不得替换、取整、简化或“改进”任何值。如果给出了带方括号的 Tailwind 任意值（例如 `text-[15.5px]`），请原样使用该任意值，不要改用最接近的 Tailwind 预设。 ---
来源热度 · MotionSites
—
稳定度
AI 编程(UI)MotionSites
Agent Wave
单文件 HTML 复刻 Vesper.ai 单屏落地页，内联 CSS 加一小段 IIFE 处理菜单和动画降级，零框架零依赖，适合学怎么把整页规格压进一个文件。
提示语
精准复刻这个 **Vesper.ai** 单视口落地页。文档标题：`Vesper.ai — Operational AI Infrastructure`。`lang="en"`。使用一个包含内联 CSS 的 HTML 文件，并加入一个用于菜单和动画回退的小型 IIFE。纯黑色 `#000000`。除三项统计数据外，不要添加任何额外版块、卡片、表单、定价表或页脚。不要添加视频、WebGL、Three.js 或 Lottie。不要虚构 CloudFront URL。 立即强制显
来源热度 · MotionSites
—
稳定度
71
AI 编程(UI)MotionSites
Aurex Finance
私人银行气质的 DeFi 单屏 hero，整页锁死一屏不滚动，React 18 + Tailwind，适合学金融感排版和单屏信息密度的控制。
提示语
为名为 **LŪMEN // ÍNDEX** 的 DeFi / 私人银行落地页构建一个**全屏单一 hero section**。使用 **React 18 + TypeScript + Vite + Tailwind CSS**，图标使用 `lucide-react`。整个页面由一个组件渲染一个填满视口的 `<section>`——不可滚动，不得包含其他 section。 ## 0. 项目设置 依赖：`react@^18.3.1`、`react-dom@^18.3.1`
来源热度 · MotionSites
—
稳定度
94
提示语
**精确复刻这个单页 SaaS hero。不要虚构额外区块、额外页面、额外图片或额外文案。只实现已指定的内容。技术栈：一个 `index.html`、一个 `styles.css`、一个 `main.js`。不使用框架。** ### 这个页面是什么 这是 **Meridian — SaaS 营收智能** 的单个全视口落地页 hero。无页脚、无额外区块，桌面端不可滚动。白色页面，背景为全出血循环播放的绘画风海军蓝/橙色山脉视频。UI 使用直角（所有位置的 radius 均为
来源热度 · MotionSites
—
稳定度
提示语
构建一个**完全自包含的单个 `index.html`** 文件。无需构建步骤、框架、外部 JS 或本地图像文件。所有 CSS 放在 `<head>` 内的一个 `<style>` 块中；在 `</body>` 前放置一个小型 `<script>`。严格匹配下文的每个数值——布局由测量数据驱动，而非 凭目测判断。 --- ## 1. 资源（仅限远程资源——使用以下精确 URL） **Hero video（桌面端，自动播放背景）——1928×1076、8.04 s、H.2
来源热度 · MotionSites
—
稳定度
提示语
Build a single-screen, non-scrolling hero landing page called **Terranova — Signals from the Deep Green**. It is a full-bleed looping background video with a real-time refractive "liquid glass" card floating over it, plus a slide-in fullsc…
来源热度 · MotionSites
—
稳定度
AI 编程(UI)MotionSites
Stellar AI
白底 Stellar.ai 落地页 hero，Inter 字体加 max-w-7xl 栅格，这批里少数的浅色系，适合对照暗色版本学配色反转。
提示语
使用 React、Tailwind CSS 和 Lucide React icons 创建一个 "Stellar.ai" 落地页 hero section。使用 Inter 字体（从 Google Fonts 导入）。页面采用白色背景（bg-white），max-width 为 max-w-7xl，并通过 mx-auto 居中。 字体：从 Google Fonts 导入 Inter（字重 400、500、600、700）。在 body 上设置 font-family: 'I
来源热度 · MotionSites
—
稳定度
提示语
创建一个全屏深色 hero section，其中包含循环背景视频、navbar、headline、subtitle、CTA button，以及底部的 logo marquee。以下是确切规格： 主题与颜色（index.css CSS variables）： 背景：260 87% 3%（深邃的暗蓝紫色） 前景：40 6% 95%（灰白色） Hero 副文本：40 6% 82% 正文字体：Geist Sans（通过 @fontsource/geist-sans） Headlin
来源热度 · MotionSites
—
稳定度
提示语
为“Bloom”创建一个全屏 hero landing page——这是一个由 AI 驱动的植物/花艺设计平台。设计采用液态玻璃拟态美学，并以循环视频作为背景。 背景 全屏自动播放、循环、静音视频背景：https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260315_073750_51473149-4350-4920-ae24-c8214286f323.mp4 视频使用 obj
来源热度 · MotionSites
—
稳定度
85
提示语
为 AI 网站构建器创建一个深色模式 Hero 区块，严格遵循以下规格： ## 技术设置 ### 必需的软件包 安装以下软件包： - `motion`（版本 12.23.24 或更高）——用于动画 - `hls.js`（版本 1.6.15 或更高）——用于视频流播放 - `lucide-react`（版本 0.487.0 或更高）——用于图标 ### 字体 导入以下 Google Fonts： ```css @import url('https://fonts.goog
来源热度 · MotionSites
—
稳定度
90