Landing

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

lightpointventures ab89da2 1.7 KB Updated

File contents

生成落地页

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

步骤

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 可以进一步优化搜索引擎表现。

lightpointventures/claude-code-starter/tree/main/skills/landing commit ab89da277b

Frequently asked questions

npx skillmds@latest add lightpointventures/landing