Communitygithub.com

jhd3197/AgentSite

创建 SaaS 产品的营销登陆页面,包含英雄区域、社交证明、功能亮点、定价预告和行动号召。

AgentSite 是什么?

这是一个专注于生成 SaaS 产品营销着陆页的 AI 技能。其核心目标是为开发者或创业者快速创建具有专业营销水准的页面,而非模板化的普通页面。该技能支持在 AI Agent(如 Claude Code、Cursor 等)中使用,通过详细的章节要求(包括粘性导航、英雄区域、社交证明、功能网格、深度解析、客户评价、定价预告和页脚)和严格的质量规则(如统一强调色、具体文案、移动优先)来确保页面设计的一致性和高转化潜力。它通过结构化的 Markdown 指令引导 AI 逐步构建页面,并强调使用真实的图片或占位符,避免使用可能失效的素材图片。最终生成的页面可直接用于产品早期推广或展示。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jhd3197/AgentSite/tree/HEAD/agentsite/skills/saas-landing

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

SaaS 着陆页面

你正在为 SaaS 产品构建一个单页着陆页。目标是达到营销级别,而非模板级别。

必要部分(按此顺序)

  1. 粘性导航 — Logo、3-5 个产品/解决方案/定价/文档/登录链接,右侧为主行动号召按钮。
  2. 英雄区域 — 一句简短的利益导向标题(≤ 10 个词)、一句副标题(≤ 20 个词)、一个主行动号召按钮 + 一个辅助行动号召按钮、一个产品视觉(截图、插图或带标签的占位符 — 不要使用人物素材图片)。
  3. 社交证明 — Logo 条(4-6 个客户)或数字指标条(“12,000 个团队正在使用我们”)。如果没有真实 Logo,请使用带标签的占位符。
  4. 功能网格 — 3-6 个具体功能,附带具体利益。不要使用通用图标(不要 ✨ 🚀)。
  5. 一个深度解析部分 — 选择最具差异化的功能,使用宽幅视觉 + 2-3 个支持要点展示。
  6. 客户评价/案例研究 — 一句强有力的引用并附上来源,或一个包含一个指标的迷你案例研究。
  7. 定价预告 — 3 个方案卡片,或一个指向 /pricing 的行动号召按钮。
  8. 页脚 — 多列,包含产品/公司/资源/法律信息。

质量规则

  • 使用一种决定性的强调色,在单个屏幕中最多使用两次。
  • 文案必须与提示具体相关 — 不要出现“功能一 / 功能二”,不要出现“欢迎访问我们的网站”。
  • 所有图片应为真实图片(资产库)、带标签的占位符,或通过 generate_image 生成 — 绝不使用可能失效的素材图片 URL。
  • 移动优先:在 360px 宽度下无水平滚动。
  • 首屏上方必须有一个可见的主行动号召按钮。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相关技能