Verified installable Agent Skill
SKILL.md + .skillInstall into your agent.
npx skills add LearnPrompt/goodcase-lite --skill landing-page-information-structure --global --copy --yes --full-depthSkill · Shared method
Landing-page information structure
Arrange value proposition, proof, features, and calls to action into one complete page journey.
198 Cases · 44 Creators · AI Coding (UI) · Latest example 08/30/2026
Method skeleton
- 01Keep one value proposition above the fold
- 02Order problem, proof, and features
- 03Make every section lead to one action
Creator evidence
Methods stay attached to their makers.
138 CasesMotionSitesView creator →10 CasesviktoroddyView creator →5 Casesshushant_lView creator →3 Casessergey_molomanView creator →2 CasesalbysjourneyView creator →2 CasesOluwaphilemon1View creator →1 Cases0fficialRohitView creator →1 Casesaaryan_kakadView creator →1 CasesAbhinavGirdharView creator →1 Casesaiedge_View creator →1 CasesaigoldrushhView creator →1 CasesAIwithArsalanView creator →
Case evidence
Judge the Skill through finished work.
AI Coding (UI)MotionSites
Rare Gallery
复制完整建站 Prompt 到 AI 编程工具（Cursor、v0、Claude 等）生成「Rare Gallery」对应的页面区块，替换文案、品牌与素材链接即可复用。 MotionSites 免费 Prompt 案例；站点不公开创作者，归属挂 MotionSites。
Prompt
Build a single-page luxury brand landing (navbar + full-viewport hero only). Stack: React 18 + TypeScript + Vite + Tailwind CSS 3. No extra UI kits. Use lucide-react only for the Flower2 icon. Page title: Aurevon. Root wrapper: bg-black. h…
Source heat · MotionSites
—
Stability
91
AI Coding (UI)MotionSites
Palomar Labs
复制完整建站 Prompt 到 AI 编程工具（Cursor、v0、Claude 等）生成「Palomar Labs」对应的页面区块，替换文案、品牌与素材链接即可复用。 MotionSites 免费 Prompt 案例；站点不公开创作者，归属挂 MotionSites。
Prompt
Build a standalone pixel-accurate recreation of the Palomar Labs marketing landing page: fixed navbar + full-viewport video hero only. No other sections. Match this spec exactly. Do not invent extra copy, buttons, gradients, overlays, or d…
Source heat · MotionSites
—
Stability
AI Coding (UI)MotionSites
Quantum Core
复制完整建站 Prompt 到 AI 编程工具（Cursor、v0、Claude 等）生成「Quantum Core」对应的页面区块，替换文案、品牌与素材链接即可复用。 MotionSites 免费 Prompt 案例；站点不公开创作者，归属挂 MotionSites。
Prompt
# PROMPT — Recreate the "Apogee" Hero Section Exactly Build a pixel-exact, fully mobile-responsive hero landing section called **"Apogee"**. Follow every specification below literally — exact hex values, exact pixel numbers, exact class na…
Source heat · MotionSites
—
Stability
AI Coding (UI)MotionSites
Agent Wave
单文件 HTML 复刻 Vesper.ai 单屏落地页，内联 CSS 加一小段 IIFE 处理菜单和动画降级，零框架零依赖，适合学怎么把整页规格压进一个文件。
Prompt
Recreate this exact single-viewport landing page for **Vesper.ai**. Document title: `Vesper.ai — Operational AI Infrastructure`. `lang="en"`. One HTML file with inline CSS and a small IIFE for the menu + animation fallback. Pure black `#00…
Source heat · MotionSites
—
Stability
71
AI Coding (UI)MotionSites
Aurex Finance
私人银行气质的 DeFi 单屏 hero，整页锁死一屏不滚动，React 18 + Tailwind，适合学金融感排版和单屏信息密度的控制。
Prompt
Build a **single full-screen hero section** for a DeFi / private-banking landing page called **LŪMEN // ÍNDEX**. Use **React 18 + TypeScript + Vite + Tailwind CSS**, with `lucide-react` for icons. The entire page is ONE component rendering…
Source heat · MotionSites
—
Stability
94
AI Coding (UI)MotionSites
Growth Decisions
单页 SaaS hero 的严格复刻题，明确禁止自行加区块加文案，纯 HTML/CSS/JS 三件套，适合练按规格交付不自由发挥。
Prompt
**Recreate this exact single-page SaaS hero. Do not invent extra sections, extra pages, extra images, or extra copy. Implement only what is specified. Stack: one `index.html`, one `styles.css`, one `main.js`. No frameworks.** ### What this…
Source heat · MotionSites
—
Stability
Prompt
Build a **single self-contained `index.html`** file. No build step, no framework, no external JS, no local image files. All CSS in one `<style>` block in `<head>`; one small `<script>` before `</body>`. Match every number below exactly — t…
Source heat · MotionSites
—
Stability
Prompt
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…
Source heat · MotionSites
—
Stability
AI Coding (UI)MotionSites
Stellar AI
白底 Stellar.ai 落地页 hero，Inter 字体加 max-w-7xl 栅格，这批里少数的浅色系，适合对照暗色版本学配色反转。
Prompt
Create a "Stellar.ai" landing page hero section using React, Tailwind CSS, and Lucide React icons. Use the Inter font (imported from Google Fonts). The page has a white background (bg-white), max-width max-w-7xl, and is centered with mx-au…
Source heat · MotionSites
—
Stability
Prompt
Create a full-screen dark hero section with a looping background video, navbar, headline, subtitle, CTA button, and a logo marquee at the bottom. Here are the exact specifications: Theme & Colors (index.css CSS variables): Background: 260 …
Source heat · MotionSites
—
Stability
Prompt
Create a full-screen hero landing page for "Bloom" — an AI-powered plant/floral design platform. The design uses a liquid glass morphism aesthetic over a looping video background. Background Full-screen autoplaying, looping, muted video ba…
Source heat · MotionSites
—
Stability
85
Prompt
Create a dark mode hero section for an AI website builder with the following exact specifications: ## Technical Setup ### Required Packages Install these packages: - `motion` (version 12.23.24 or later) - for animations - `hls.js` (version…
Source heat · MotionSites
—
Stability
90