nexu-io/html-anything

saas-landing

单页 SaaS 落地页, 含 hero/features/social-proof/pricing/CTA

查看源码

使用方法

  1. 复制安装命令,在自己的智能体环境安装前先检查源码包。
  2. 从原始文档核对所需工具、凭据和支持的宿主。
  3. 说明输入材料与期望交付物,并对照来源检查输出。
npx skills add https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/saas-landing --skill saas-landing

开始前需了解

  • 安装不包含模型订阅、API 额度或访问文件的权限。
  • 仓库星数和安装量反映活跃情况,不等于独立质量或安全测试。
仓库原始内容

按源仓库内容呈现,保留标题、案例、代码、表格、链接以及原文引用的演示图片。

【模板: 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: 断点, 移动端单栏
来自同一仓库

更多 Skills

全部 Skills