# Landing

> 当用户想做落地页、产品介绍页、官网首页、宣传页时使用 — 根据产品信息生成完整的响应式落地页

- Skill: `lightpointventures/landing` (Agent Skill)
- Install (CLI): `npx skillmds@latest add lightpointventures/landing`
- Raw SKILL.md: https://api.skillmd.com/api/skills/lightpointventures/landing/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: lightpointventures (https://skillmd.com/u/lightpointventures)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/lightpointventures/landing

---


# 生成落地页

帮用户快速生成一个完整的落地页，可以直接打开使用。

## 步骤

### 1. 了解产品信息

依次提问（每次一个）：

**问题 1：产品名称和一句话描述**
> 你的产品叫什么？用一句话描述它是做什么的。

**问题 2：目标用户**
> 这个产品是给谁用的？

**问题 3：核心卖点**
> 最想让用户知道的 2-3 个亮点是什么？

**问题 4：行动号召**
> 你希望用户看完页面后做什么？比如注册、下载、联系你、加入等候列表。

**问题 5：风格偏好（可选）**
> 你喜欢什么风格？比如简约、科技感、温暖友好。没想法的话我来选。

### 2. 生成落地页

生成一个单文件 HTML 落地页，包含：

**页面结构：**
- Hero 区域：大标题 + 副标题 + 行动号召按钮
- 特性介绍：2-3 个核心卖点，每个配简短说明
- 社会证明（可选）：留出用户评价的位置
- 底部 CTA：再次引导用户行动
- Footer：版权信息

**技术要求：**
- 单个 HTML 文件，内联 CSS，不依赖任何外部库
- 移动端适配（响应式布局）
- 配色和谐，排版专业
- 文案从用户提供的信息中提炼，不要生硬堆砌
- 包含 SEO meta 标签（title、description、Open Graph）

### 3. 预览和调整

文件生成后告诉用户：
> 落地页已生成，用浏览器打开 xxx.html 即可预览。
> 想调整哪里？比如换颜色、改文案、加一个区块。

根据用户反馈迭代修改，直到满意。用 /seo 可以进一步优化搜索引擎表现。