mcpField
S
saas-landing

saas-landing

github.com/nexu-io营销与增长9.3k40 次安装2 周前更新
代码仓库

关于 saas-landing

saas-landing 是用于构建完整 SaaS 产品落地页的设计模板,适合展示产品价值、功能和定价。它提供从导航、介绍到 FAQ 和页脚的标准页面区块,并考虑移动端布局。

主要功能

  1. 01导航栏与双 CTA Hero 区
  2. 02Logo 墙和功能卡片
  3. 03三步工作原理说明
  4. 04定价区和 FAQ 手风琴
  5. 05移动端单栏布局

适用场景

  1. 01展示 SaaS 产品与核心功能
  2. 02呈现产品流程、定价和常见问题

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/nexu-io/html-anything --skill saas-landing

安装后在 Claude Code 中输入/saas-landing确认已加载。

附带文件example.html

README 原文English

来自项目 README

README 暂无中文译文,以下为英文原文;中文介绍见上方。

【模板: SaaS Landing】 【意图】完整的 SaaS 产品落地页, 把用户内容映射到标准 sections。 【布局】

  • Top nav (logo + 导航 + sign-in + 主 CTA)
  • Hero (大标题 + 副标 + 双 CTA + 可视化占位)
  • Logo wall (社会认证)
  • Features (3-6 个特性卡, icon + 标题 + 描述)
  • How it works (3 步流程, 数字 + 标题 + 描述)
  • Pricing (2-3 档, 推荐档高亮)
  • FAQ (details/summary 手风琴)
  • Footer 【设计细节】
  • 现代 SaaS 风: 大字号, 柔和渐变, glassmorphism 卡片, 滚动入场动画
  • 至少处理 md: 断点, 移动端单栏

评论

支持 Markdown