landing

Name: landing
Author: lightpointventures

36stars6forks

How to install landing?

lightpointventures/claude-code-starter/landing

$npx -y skills add lightpointventures/claude-code-starter --skill landing

Installs into the current project.

Summary

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

Files · 1

View on GitHub

SKILL.md

1	# 生成落地页
2
3	帮用户快速生成一个完整的落地页，可以直接打开使用。
4
5	## 步骤
6
7	### 1. 了解产品信息
8
9	依次提问（每次一个）：
10
11	问题 1：产品名称和一句话描述
12	> 你的产品叫什么？用一句话描述它是做什么的。
13
14	问题 2：目标用户
15	> 这个产品是给谁用的？
16
17	问题 3：核心卖点
18	> 最想让用户知道的 2-3 个亮点是什么？
19
20	问题 4：行动号召
21	> 你希望用户看完页面后做什么？比如注册、下载、联系你、加入等候列表。
22
23	问题 5：风格偏好（可选）
24	> 你喜欢什么风格？比如简约、科技感、温暖友好。没想法的话我来选。
25
26	### 2. 生成落地页
27
28	生成一个单文件 HTML 落地页，包含：
29
30	页面结构：
31	- Hero 区域：大标题 + 副标题 + 行动号召按钮
32	- 特性介绍：2-3 个核心卖点，每个配简短说明
33	- 社会证明（可选）：留出用户评价的位置
34	- 底部 CTA：再次引导用户行动
35	- Footer：版权信息
36
37	技术要求：
38	- 单个 HTML 文件，内联 CSS，不依赖任何外部库
39	- 移动端适配（响应式布局）
40	- 配色和谐，排版专业
41	- 文案从用户提供的信息中提炼，不要生硬堆砌
42	- 包含 SEO meta 标签（title、description、Open Graph）
43
44	### 3. 预览和调整
45
46	文件生成后告诉用户：
47	> 落地页已生成，用浏览器打开 xxx.html 即可预览。
48	> 想调整哪里？比如换颜色、改文案、加一个区块。
49
50	根据用户反馈迭代修改，直到满意。用 /seo 可以进一步优化搜索引擎表现。

People who liked this also viewed

6 picks

Type

web-design-guidelinesReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".SkillsJul 2026483k29k
lark-slides飞书幻灯片：创建和编辑幻灯片。创建演示文稿、读取幻灯片内容、管理幻灯片页面（创建、删除、读取、局部替换）。当用户需要创建或编辑幻灯片、读取或修改单个页面时使用。当用户给出 doubao.com 的 /slides/ URL/token 时，也应直接使用本 skill，不要因为域名不是飞书而回退到 WebFetch；路由依据是 URL 路径模式和 token，而不是域名。不负责：云文档内容编辑（走 SkillsJul 2026332k16k
design-taste-frontendTaste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop SkillsJul 2026280k66k
ui-ux-pro-maxUI/UX design intelligence for web and mobile. Searchable local database with 84 styles, 192 color palettes, 74 font pairings, 192 product types, 98 UX guidelines, 104 icon entries, 16 GSAP motion presSkillsJul 2026280k109k
caveman-helpQuick-reference card for all caveman modes, skills, and commands. One-shot display, not a persistent mode. Trigger: /caveman-help, "caveman help", "what caveman commands", "how do I use caveman".SkillsJul 2026249k92k
codebase-designShared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-nSkillsJul 2026225k182k

landing

36stars6forks

View on GitHub

How to install landing?

lightpointventures/claude-code-starter/landing

$npx -y skills add lightpointventures/claude-code-starter --skill landing

Installs into the current project.

Summary

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

Files · 1

View on GitHub

SKILL.md

1	# 生成落地页
2
3	帮用户快速生成一个完整的落地页，可以直接打开使用。
4
5	## 步骤
6
7	### 1. 了解产品信息
8
9	依次提问（每次一个）：
10
11	问题 1：产品名称和一句话描述
12	> 你的产品叫什么？用一句话描述它是做什么的。
13
14	问题 2：目标用户
15	> 这个产品是给谁用的？
16
17	问题 3：核心卖点
18	> 最想让用户知道的 2-3 个亮点是什么？
19
20	问题 4：行动号召
21	> 你希望用户看完页面后做什么？比如注册、下载、联系你、加入等候列表。
22
23	问题 5：风格偏好（可选）
24	> 你喜欢什么风格？比如简约、科技感、温暖友好。没想法的话我来选。
25
26	### 2. 生成落地页
27
28	生成一个单文件 HTML 落地页，包含：
29
30	页面结构：
31	- Hero 区域：大标题 + 副标题 + 行动号召按钮
32	- 特性介绍：2-3 个核心卖点，每个配简短说明
33	- 社会证明（可选）：留出用户评价的位置
34	- 底部 CTA：再次引导用户行动
35	- Footer：版权信息
36
37	技术要求：
38	- 单个 HTML 文件，内联 CSS，不依赖任何外部库
39	- 移动端适配（响应式布局）
40	- 配色和谐，排版专业
41	- 文案从用户提供的信息中提炼，不要生硬堆砌
42	- 包含 SEO meta 标签（title、description、Open Graph）
43
44	### 3. 预览和调整
45
46	文件生成后告诉用户：
47	> 落地页已生成，用浏览器打开 xxx.html 即可预览。
48	> 想调整哪里？比如换颜色、改文案、加一个区块。
49
50	根据用户反馈迭代修改，直到满意。用 /seo 可以进一步优化搜索引擎表现。

People who liked this also viewed

6 picks

Type