homepage-generator
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChinesePages: Homepage
页面：首页
Guides homepage content, structure, and conversion optimization.
When invoking: On first use, if helpful, open with 1-2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.
用于指导首页内容、结构及转化优化工作。
调用规则：首次使用时，如果有帮助，可以先用1-2句话介绍本技能覆盖的范围及价值，再提供核心输出内容。后续调用或用户要求跳过介绍时，直接输出核心内容即可。
Initial Assessment
初步评估
Check for product marketing context first: If or exists, read it for product, audience, and value proposition. See branding for brand strategy, positioning, differentiation.
.claude/product-marketing-context.md.cursor/product-marketing-context.mdIdentify:
- Primary goal: Sign up, demo, purchase, learn more
- Audience: Cold visitors, returning, specific segment
- Traffic source: Organic, paid, referral
首先检查产品营销上下文：如果存在或文件，先读取文件获取产品、受众及价值主张相关信息。品牌战略、定位、差异化相关内容可参考branding模块。
.claude/product-marketing-context.md.cursor/product-marketing-context.md明确以下信息：
- 核心目标：注册、申请演示、购买、了解更多
- 受众：冷访客、回访用户、特定细分群体
- 流量来源：自然流量、付费流量、推荐流量
Homepage Structure
首页结构
| Section | Purpose |
|---|---|
| Hero | Value proposition, primary CTA, above the fold |
| Social proof | Logos, testimonials, metrics; "As Seen In" (press coverage) when applicable |
| Features/Benefits | What it does, why it matters |
| Use cases | Who it's for, how they use it |
| Objection handling | FAQ, guarantees, comparisons |
| Final CTA | Repeat primary action |
| 区块 | 用途 |
|---|---|
| Hero | 展示价值主张、核心CTA，位于首屏（above the fold） |
| 社会认同（Social proof） | 合作方Logo、客户证言、业务数据；适用时可加入“知名媒体报道（As Seen In）”板块 |
| 功能/优势（Features/Benefits） | 说明产品用途、核心价值 |
| 使用场景（Use cases） | 说明适用人群、典型使用方式 |
| 异议处理（Objection handling） | FAQ、服务保障、竞品对比 |
| 最终CTA | 重复引导用户完成核心行动 |
Best Practices
最佳实践
Value Proposition
价值主张
- Clarity: Visitor understands in 5 seconds
- Specificity: Concrete benefit, not vague
- Differentiation: Why you, not alternatives — see branding for positioning framework
- Customer language: Their words, not jargon
- Avoid "not speaking human": Don't over-emphasize brand with vague definitions; communicate in user-friendly ways—if someone searches "AI presentation maker," the answer should be obvious from your headline
- 清晰性：访客5秒内就能理解核心信息
- 具体性：提供明确的收益，避免模糊表述
- 差异化：用户选择你的产品而非其他替代方案的原因，定位框架可参考branding模块
- 用户视角话术：使用用户的常用表达，避免行业黑话
- 避免“不说人话”：不要用模糊的定义过度强调品牌，采用用户友好的沟通方式——如果有人搜索“AI演示文稿制作工具”，你的标题应该能让用户一眼就知道你提供相关服务
CTA
CTA
- One clear primary action
- Button copy: value-focused ("Start Free Trial") not generic ("Submit")
- Visible without scrolling
- Repeated at logical points
- 仅设置一个明确的核心行动
- 按钮文案：聚焦价值（如“开始免费试用”）而非通用表述（如“提交”）
- 无需滚动即可看到
- 在逻辑合理的位置重复展示
Visual & Aesthetics
视觉与美学
- Frontend aesthetics: For distinctive typography, motion, spatial composition, backgrounds—see brand-visual-generator Frontend Aesthetics
- 前端美学：特色排版、动效、空间布局、背景相关内容可参考brand-visual-generator的前端美学模块
SEO
SEO
- Unique title (50-60 chars) with primary keyword
- Meta description (150-160 chars) with CTA
- H1 = value proposition or primary headline
- Logical H2-H6 structure
- 包含核心关键词的唯一标题（50-60字符）
- 带CTA的Meta描述（150-160字符）
- H1标题为价值主张或核心大标题
- 逻辑清晰的H2-H6标题结构
Output Format
输出格式
- Structure outline (sections)
- Hero copy options (headline, subheadline, CTA)
- Key sections content suggestions
- SEO metadata (title, description, H1)
- Conversion checklist
- 结构大纲（各区块排布）
- Hero文案备选方案（标题、副标题、CTA）
- 核心区块内容建议
- SEO元数据（标题、描述、H1）
- 转化检查清单
Related Skills
相关技能
- branding: Brand strategy, value prop, differentiation; homepage implements brand voice
- brand-protection: "Official website" placement when impersonation risk exists
- landing-page-generator: For single-goal campaign pages (affiliate signup, lead capture); homepage is multi-purpose
- pricing-page-generator: Homepage often links to pricing
- features-page-generator: Features section or link to features page
- press-coverage-page-generator: "As Seen In" section (logo strip) when coverage exists; full page links from homepage
- title-tag, meta-description, page-metadata, open-graph, twitter-cards: Homepage metadata and social previews
- heading-structure: Homepage heading structure
- branding：品牌战略、价值主张、差异化；首页是品牌调性的落地载体
- brand-protection：存在仿冒风险时设置“官方网站”标识
- landing-page-generator：适用于单目标活动页面（联盟注册、线索获取）；首页为多用途页面
- pricing-page-generator：首页通常会跳转至定价页
- features-page-generator：对应首页功能区块或跳转入口
- press-coverage-page-generator：有媒体报道时设置“知名媒体报道”区块（Logo栏）；完整报道页面可从首页跳转
- title-tag, meta-description, page-metadata, open-graph, twitter-cards：首页元数据及社交平台预览配置
- heading-structure：首页标题结构规范