← 返回 Skills 市场
kostja94

homepage-generator

作者 Kostja Zhang · GitHub ↗ · v1.2.0 · MIT-0
cross-platform ✓ 安全检测通过
178
总下载
0
收藏
0
当前安装
2
版本数
在 OpenClaw 中安装
/install homepage-generator
功能描述
When the user wants to create, optimize, or audit the main site homepage (primary entry page). Also use when the user mentions "homepage," "main page," "home...
使用说明 (SKILL.md)

Pages: 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.

Homepage Role & Purpose

Role Priority Notes
Conversion Primary Homepage is a trust machine and conversion engine—not a sales pitch. Most visitors (70–80%) are first-time; they need clarity, credibility, and orientation within 3–5 seconds. Convert through trust-building and guided exploration, not aggressive selling.
Brand Primary First impression, credibility test, orientation center. Answers: Who are you? What do you offer? Why should I care? Brand voice and differentiation live here—see branding.
Branded keywords SEO Required Primary SEO goal: rank for brand name so people can find you in SERPs. Branded searches indicate high intent and familiarity; they convert better than non-branded.
Broad/non-branded SEO Secondary Homepage is not the main SEO traffic driver—blog, product pages, and category pages typically carry that. A well-optimized homepage can rank for related non-branded terms as a bonus; do not sacrifice UX or conversion for broad keyword stuffing.

Principle: SEO and CRO work together. Good homepage SEO aligns with user needs; conversion optimization ensures attracted traffic converts. See landing-page-generator for single-goal campaign pages (homepage is multi-purpose).

Initial Assessment

Check for project context first: If .claude/project-context.md or .cursor/project-context.md exists, read it for product, audience, and value proposition. See branding for brand strategy, positioning, differentiation.

Identify:

  1. Primary goal: Sign up, demo, purchase, learn more
  2. Audience: Cold visitors, returning, specific segment
  3. Traffic source: Organic, paid, referral

Homepage Structure

Section Purpose
Hero Value proposition, primary CTA, above the fold
Social proof Logos, testimonials, metrics; "As Seen In" (press coverage) when applicable; see customer-stories-page-generator for case study snippets
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

Common Modules (from website-structure)

Combine as needed: Headline, Subheadline, Primary CTA, Supporting Image/Demo, Benefits Section, Social Proof, Search Box (if applicable), Secondary CTA, Banner. Navigation: Horizontal Bar, Dropdown, Hamburger (mobile), Sidebar, Footer; ensure Desktop + Mobile parity. See hero-generator for hero design.

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

CTA

  • One clear primary action (avoid decision paralysis)
  • Button copy: value-focused ("Start Free Trial") not generic ("Submit")
  • Visible without scrolling
  • Repeated at logical points

Conversion Checklist

  • Clear value proposition above the fold
  • Single primary CTA; simplified navigation (5–7 menu items)
  • Immediate social proof (reviews, trust badges, media logos)
  • Mobile-first, fast-loading design

Visual & Aesthetics

  • Frontend aesthetics: For distinctive typography, motion, spatial composition, backgrounds—see brand-visual-generator Frontend Aesthetics

SEO

Branded keywords first: Title and meta should include brand name; ensure homepage ranks for "[Brand Name]" so users can find the official site. See brand-protection when impersonation risk exists—place "Official website: [domain]" above fold or in hero.

  • Title tag (50–60 chars): Brand name + primary keyword; e.g. "Canva – Free Website Builder"
  • Meta description (150–160 chars): CTA + secondary keywords; engaging to encourage clicks
  • H1: Value proposition or primary headline; one per page; include primary keyword naturally
  • Body: Primary keyword in first 100 words; secondary keywords in H2–H6 and body
  • Logical H2–H6 structure for scannability and LLM/AI Overview visibility

Schema: Add Organization + WebSite JSON-LD on homepage (or in root layout for site-wide). Organization establishes brand entity; WebSite enables sitelinks searchbox. Do not put Organization only on About page—About uses AboutPage schema. See schema-markup, entity-seo.

Output Format

  • Structure outline (sections)
  • Hero copy options (headline, subheadline, CTA)
  • Key sections content suggestions
  • SEO metadata (title, description, H1)
  • Conversion checklist

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
  • customer-stories-page-generator: Testimonials, case study snippets for social proof section
  • schema-markup, entity-seo: Organization + WebSite schema placement (homepage or root layout)
  • title-tag, meta-description, page-metadata, open-graph, twitter-cards: Homepage metadata and social previews
  • heading-structure: Homepage heading structure
安全使用建议
This is an instruction-only helper for homepage content and optimization; it doesn't install software or ask for credentials. Before installing, check whether you store sensitive data in project context files (.claude/project-context.md or .cursor/project-context.md) because the skill may read those to tailor its recommendations. If those files contain secrets, remove them or restrict access. Also review the SKILL.md yourself to confirm you’re comfortable with the guidance it will follow; because it can be invoked autonomously by the agent (default behavior), ensure you only enable it in agents you trust.
功能分析
Type: OpenClaw Skill Name: homepage-generator Version: 1.2.0 The skill bundle contains standard instructional content for an AI agent to assist in generating and optimizing website homepages. There is no executable code, and the instructions in SKILL.md focus entirely on SEO, conversion rate optimization, and content structure without any signs of prompt injection, data exfiltration, or malicious intent.
能力评估
✓ Purpose & Capability
Name, description, and runtime instructions all focus on homepage content, SEO, and conversion guidance. The skill declares no binaries, env vars, or install steps — consistent with an authoring/consultant helper.
ℹ Instruction Scope
The SKILL.md is a comprehensive guide and runtime instruction set for homepage planning. It instructs the agent, if helpful, to read project context files (.claude/project-context.md or .cursor/project-context.md) to learn product/audience info — this is reasonable for tailored guidance, but those files can contain sensitive or unexpected content, so the user should ensure they contain only appropriate context.
✓ Install Mechanism
No install spec and no code files present (instruction-only). This minimizes risk from downloads or executing third-party code.
✓ Credentials
No environment variables, credentials, or config paths are required. The skill does not request unrelated secrets or external service tokens.
✓ Persistence & Privilege
always is false and the skill is user-invocable. Model invocation is allowed (default) which is expected for skills; the skill does not request permanent presence or modify other skills or agent-wide settings.
如何使用
  1. 确保已安装 OpenClaw（本地或 Docker 部署）
  2. 在对话框中输入安装命令：/install homepage-generator
  3. 安装完成后，直接呼叫该 Skill 的名称或使用 /homepage-generator 触发
  4. 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v1.2.0
Batch: about-page through contact-page
v1.1.0
Automated batch sync
元数据
Slug homepage-generator
版本 1.2.0
许可证 MIT-0
累计安装 0
当前安装数 0
历史版本数 2
常见问题

homepage-generator 是什么？

When the user wants to create, optimize, or audit the main site homepage (primary entry page). Also use when the user mentions "homepage," "main page," "home... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 178 次。

如何安装 homepage-generator？

在 OpenClaw 或 Claude Code 对话框中运行命令「/install homepage-generator」即可一键安装，无需额外配置。

homepage-generator 是免费的吗？

是的，homepage-generator 完全免费，采用 MIT-0 许可证，可自由下载、安装和使用。

homepage-generator 支持哪些平台？

homepage-generator 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。

谁开发了 homepage-generator？

由 Kostja Zhang（@kostja94）开发并维护，当前版本 v1.2.0。

推荐 Skills
self-improving agent
Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Clau...
⬇ 463283 · by pskoett
Skill Vetter
Security-first skill vetting for AI agents. Use before installing any skill from ClawdHub, GitHub, or other sources. Checks for red flags, permission scope, and suspicious patterns.
⬇ 259410 · by spclaudehome
Polymarket
Query Polymarket prediction markets. Check odds, find trending markets, search events, track price movements.
⬇ 232503 · by joelchance
Self-Improving + Proactive Agent
Self-reflection + Self-criticism + Self-learning + Self-organizing memory. Agent evaluates its own work, catches mistakes, and improves permanently. Use when...
⬇ 200423 · by ivangdavila
Github
Interact with GitHub using the `gh` CLI. Use `gh issue`, `gh pr`, `gh run`, and `gh api` for issues, PRs, CI runs, and advanced queries.
⬇ 191115 · by steipete
ontology
Typed knowledge graph for structured agent memory and composable skills. Use when creating/querying entities (Person, Project, Task, Event, Document), linkin...
⬇ 190156 · by oswalpalash

💬 留言讨论