落地页
示例输出
介绍
从一句产品描述到可上线的落地页：信息结构、首屏文案、区块选择，并直接从 8pt 组件库取组件拼装。
它会做什么
- 先写信息结构：首屏、证据、功能、价格、FAQ、收尾
- 首屏文案给 3 个版本
- 从 8pt 组件库挑选区块并统一主题
- 输出单文件 HTML 或 Next.js 页面
安装
复制安装提示词交给模型，或用 8pt CLI 装进 Claude、Codex、Cursor 的 skills 目录，或在已接入 8pt MCP 的编辑器里直接调用。
$ npm i -g @8pt-dev/cli && 8pt skill landing-page
mcp › 使用 8pt MCP 调用 get_skill("landing-page")
文件结构
landing-page/
├── SKILL.md
├── reference/
│ ├── copy-rules.md
│ └── structure.md
└── templates/
└── index.htmlSKILL.md
--- name: landing-page description: 从一句产品描述做出可上线的落地页：信息结构、首屏文案三版、区块选择与排版，输出单文件 HTML 或 Next.js 页面。用户说「做个落地页」「Landing Page」「产品官网首页」「发布页」「预约 / 候补名单页」「SaaS 首页」时使用。 author: 8pt --- # 落地页 产出：`copy.md`（全部文案）+ `index.html`（单文件）或 `app/page.tsx`（Next.js App Router）。
完整 Skill 共 4 个文件，订阅 Builder 后可复制或通过 MCP 取用。查看价格