solo-landing-gen

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

/landing-gen

Generate landing page content from a project's PRD. Produces hero section, features, social proof, CTA, SEO meta tags, and A/B headline variants. If astro-static stack detected, can scaffold actual page files.

根据项目PRD生成着陆页内容。可生成Hero区域、功能模块、社交证明、CTA、SEO元标签以及A/B测试标题变体。若检测到astro-static技术栈，可直接生成实际页面文件。

MCP Tools (use if available)

MCP工具（可用时使用）

```
kb_search(query)
```
— find related methodology (conversion, copywriting)
```
project_info(name)
```
— get project stack and details
```
web_search(query)
```
— competitor landing analysis

If MCP tools are not available, fall back to Glob + Grep + Read.

```
kb_search(query)
```
— 查找相关方法论（转化、文案撰写）
```
project_info(name)
```
— 获取项目技术栈及详情
```
web_search(query)
```
— 竞品着陆页分析

若MCP工具不可用，则使用Glob + Grep + Read作为替代方案。

Steps

步骤

Parse project from
```
$ARGUMENTS
```
.
- Read PRD, README, or research.md for product info.
- If empty: ask via AskUserQuestion.
Detect stack:
- Check for
```
astro.config.*
```
  → astro-static (can scaffold page)
- Check for
```
next.config.*
```
  → Next.js (can scaffold route)
- Otherwise: generate content-only markdown
Extract landing inputs from PRD/README:
- Problem: 1 sentence pain statement
- Solution: 1 sentence product description
- ICP: Target user persona
- Features: Top 3-4 differentiating features with descriptions
- Competitors: From research.md (if exists) — for positioning
- Pricing: If available
Competitor landing analysis (optional, if MCP/WebSearch available):
- Search for top 3 competitor landing pages
- Note: headline patterns, CTA language, social proof types
- Identify positioning gaps
Forced reasoning — conversion strategy: Before generating, write out:
- Primary conversion: What's the ONE action? (sign up / download / buy)
- Objections: Top 3 reasons someone wouldn't convert
- Trust signals: What overcomes each objection?
- Above the fold: Problem + Solution + CTA — nothing else
Generate landing content:

6a. Hero Section
- Headline: Problem-focused, benefit-driven (8-12 words)
- Subheadline: How the product solves it (15-25 words)
- CTA button: Action verb + outcome ("Start Free Trial", "Download Now")
- Visual: Describe what image/screenshot/demo should be shown
6b. A/B Headline Variants (5 options)

Generate 5 distinct headline approaches:
1. Pain-focused: "Tired of {problem}?"
2. Benefit-focused: "{Outcome} without {hassle}"
3. Curiosity: "The {adjective} way to {action}"
4. Social proof: "Join {N}+ {users} who {outcome}"
5. Direct: "{Product}: {one-line value prop}"
6c. Features Section (3-4 features)

For each feature:
- Icon suggestion (emoji or icon name)
- Feature title (3-5 words)
- Feature description (1-2 sentences)
- Benefit framing (what user gains, not what product does)
6d. Social Proof Section
- Placeholder for testimonials (template with name, role, quote)
- Metrics placeholders ("X+ users", "Y% faster", "Z countries")
- Trust badges placeholder (App Store rating, awards, press)
6e. CTA Section
- Repeat headline (or variation)
- CTA button (same as hero)
- Risk reducer ("Free forever" / "No credit card" / "Cancel anytime")
6f. SEO Meta Tags
html
```
<title>{title — 50-60 chars}</title>
<meta name="description" content="{description — 150-160 chars}">
<meta property="og:title" content="{og title}">
<meta property="og:description" content="{og description}">
<meta property="og:image" content="{suggest image dimensions 1200x630}">
<meta property="og:type" content="website">
```

Write output:

If astro-static detected: scaffold page at

src/pages/index.astro

or new route.

Otherwise: write to

docs/landing-content.md

markdown

# Landing Page Content: {Project Name}

**Generated:** {YYYY-MM-DD}
**Primary CTA:** {action}
**Target ICP:** {persona}

## Hero
**Headline:** {headline}
**Subheadline:** {subheadline}
**CTA:** {button text}
**Visual:** {description}

## A/B Headlines
1. {variant 1}
2. {variant 2}
3. {variant 3}
4. {variant 4}
5. {variant 5}

## Features
{features with icons and descriptions}

## Social Proof
{templates and placeholders}

## Final CTA
{closing section}

## SEO Meta Tags
{html meta tags}

---
*Generated by /landing-gen. Fill in social proof, add visuals, then publish.*

Output summary — headline, CTA, and suggested next steps.

解析项目：从
```
$ARGUMENTS
```
中解析项目信息。
- 读取PRD、README或research.md文件获取产品信息。
- 若无相关文件：通过AskUserQuestion询问用户。
检测技术栈：
- 检查是否存在
```
astro.config.*
```
  → 判定为astro-static（可生成页面文件）
- 检查是否存在
```
next.config.*
```
  → 判定为Next.js（可生成路由）
- 其他情况：仅生成纯内容的Markdown文件
从PRD/README中提取着陆页输入信息：
- 问题：1句话描述用户痛点
- 解决方案：1句话描述产品
- ICP：目标用户画像
- 功能：3-4个核心差异化功能及描述
- 竞品：来自research.md（若存在）——用于定位
- 定价：若有相关信息
竞品着陆页分析（可选，若MCP/WebSearch可用）：
- 搜索Top3竞品的着陆页
- 记录：标题模式、CTA语言、社交证明类型
- 识别定位差距
强制推理——转化策略：生成内容前，明确以下几点：
- 核心转化目标：唯一的行动指令？（注册/下载/购买）
- 用户异议：用户不愿转化的Top3原因
- 信任信号：如何消除每个异议？
- 首屏内容：仅包含问题+解决方案+CTA——无其他内容
生成着陆页内容：

6a. Hero区域
- 标题：聚焦痛点、突出价值（8-12个词）
- 副标题：说明产品如何解决问题（15-25个词）
- CTA按钮：动作动词+成果（如“开始免费试用”“立即下载”）
- 视觉元素：描述应展示的图片/截图/演示内容
6b. A/B测试标题变体（5种选项）

生成5种不同风格的标题：
1. 痛点聚焦型：“受够了{问题}？”
2. 价值聚焦型：“无需{麻烦}，即可获得{成果}”
3. 好奇型：“{形容词}式的{行动}方法”
4. 社交证明型：“已有{N}+{用户}实现了{成果}”
5. 直接型：“{产品名}：{一句话价值主张}”
6c. 功能模块（3-4个功能）

每个功能包含：
- 图标建议（emoji或图标名称）
- 功能标题（3-5个词）
- 功能描述（1-2句话）
- 价值呈现：突出用户获得的收益，而非产品功能
6d. 社交证明模块
- 推荐语占位符（包含姓名、职位、引用语的模板）
- 数据占位符（如“X+用户”“Y%更快”“Z个国家”）
- 信任徽章占位符（应用商店评分、奖项、媒体报道）
6e. CTA模块
- 重复主标题（或变体）
- CTA按钮（与Hero区域一致）
- 风险消除语（如“永久免费”“无需信用卡”“随时取消”）
6f. SEO元标签
html
```
<title>{标题 — 50-60字符}</title>
<meta name="description" content="{描述 — 150-160字符}">
<meta property="og:title" content="{og标题}">
<meta property="og:description" content="{og描述}">
<meta property="og:image" content="{建议图片尺寸1200x630}">
<meta property="og:type" content="website">
```

输出内容：

若检测到astro-static：在

src/pages/index.astro

或新路由下生成页面文件。

其他情况：写入

docs/landing-content.md

文件：

markdown

# 着陆页内容：{项目名称}

**生成日期**：{YYYY-MM-DD}
**核心CTA**：{行动指令}
**目标ICP**：{用户画像}

## Hero区域
**标题**：{标题}
**副标题**：{副标题}
**CTA**：{按钮文本}
**视觉元素**：{描述}

## A/B测试标题
1. {变体1}
2. {变体2}
3. {变体3}
4. {变体4}
5. {变体5}

## 功能模块
{带图标和描述的功能列表}

## 社交证明
{模板和占位符}

## 最终CTA
{收尾模块}

## SEO元标签
{HTML元标签代码}

---
*由/landing-gen生成。请补充社交证明内容、添加视觉元素后发布。*

输出摘要 — 包含标题、CTA及建议后续步骤。

Notes

注意事项

Headline should be testable — run A/B with 2-3 variants
"Above the fold" = hero only — don't overload
Social proof is placeholder — fill with real data as it comes
For fake-door tests: hero + CTA + email capture is enough (2-hour launch)
Works with /seo-audit — generate content, then audit the deployed page

标题需可测试——选取2-3个变体进行A/B测试
“首屏内容”仅指Hero区域——避免信息过载
社交证明为占位符——后续需补充真实数据
若进行假门测试：仅需Hero区域+CTA+邮箱捕获即可（2小时内完成上线）
可与/seo-audit配合使用——先生成内容，再对部署后的页面进行审计

Common Issues

常见问题

No PRD or product info found

未找到PRD或产品信息

Cause: Project lacks

docs/prd.md

or README with product description. Fix: Run

/validate

to generate PRD first, or provide a README with problem/solution/features.

原因：项目缺少

docs/prd.md

或包含产品描述的README文件。 解决方法：先运行/validate生成PRD，或提供包含问题/解决方案/功能的README文件。

Headlines too generic

标题过于通用

Cause: Weak problem statement or missing competitor differentiation. Fix: Add

research.md

with competitive analysis. Specific pain points produce specific headlines.

原因：痛点描述模糊或缺少竞品差异化分析。 解决方法：添加包含竞品分析的research.md文件。具体的痛点描述才能生成具体的标题。

Stack not detected for page scaffolding

未检测到技术栈，无法生成页面文件

Cause: No

astro.config.*

next.config.*

found. Fix: Skill outputs content-only markdown by default. To get actual page files, ensure the project uses astro-static or nextjs-supabase stack.

原因：未找到

astro.config.*

或

next.config.*

文件。 解决方法：工具默认输出纯内容的Markdown文件。若需生成实际页面文件，请确保项目使用astro-static或nextjs-supabase技术栈。

solo-landing-gen

Original

Translation

/landing-gen

/landing-gen

MCP Tools (use if available)

MCP工具（可用时使用）

Steps

步骤

6a. Hero Section

6b. A/B Headline Variants (5 options)

6c. Features Section (3-4 features)

6d. Social Proof Section

6e. CTA Section

6f. SEO Meta Tags

6a. Hero区域

6b. A/B测试标题变体（5种选项）

6c. 功能模块（3-4个功能）

6d. 社交证明模块

6e. CTA模块

6f. SEO元标签

Notes

注意事项

Common Issues

常见问题

No PRD or product info found

未找到PRD或产品信息

Headlines too generic

标题过于通用

Stack not detected for page scaffolding

未检测到技术栈，无法生成页面文件