Landing Page
Sample output
Overview
From a one-line product description to a launch-ready landing page: information structure, hero copy, section choices, assembled straight from 8pt components.
What it does
- Writes the information architecture first: hero, proof, features, pricing, FAQ, close
- Gives 3 versions of the hero copy
- Picks sections from the 8pt library and unifies the theme
- Outputs a single-file HTML or Next.js page
Install
Copy the install prompt into your model, install it into the skills folder for Claude, Codex or Cursor with the 8pt CLI, or call it directly from an editor connected to 8pt MCP.
$ npm i -g @8pt-dev/cli && 8pt skill landing-page
mcp › Use 8pt MCP to call get_skill("landing-page")
File structure
landing-page/
├── SKILL.md
├── reference/
│ ├── copy-rules.md
│ └── structure.md
└── templates/
└── index.htmlSKILL.md
--- name: landing-page description: Turns a one-line product description into a landing page ready to ship: information architecture, three versions of the hero copy, section selection and layout, output as a single-file HTML or Next.js page. Use when the user says "make a landing page", "product homepage", "launch page", "waitlist / signup page" or "SaaS homepage". author: 8pt --- # Landing Page Outputs: `copy.md` (all copy) + `index.html` (single file) or `app/page.tsx` (Next.js App Router).
The full Skill has 4 files. Subscribe to Builder to copy it or pull it over MCP.See pricing
More Skill
View allMarket research reportSoutheast Asia colored contacts
contact lens marketSample output
contact lens marketSample output
02 · Price tier breakdown
| Brand | Diameter | Wear cycle |
|---|---|---|
| Brand A | 14.2 | Daily |
| Brand B | 14.5 | Monthly |