nexu-io/html-anything

saas-landing

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

Quelltext ansehen

Verwendung

  1. Installationsbefehl kopieren und das Quellpaket vor der Installation in der eigenen Agentenumgebung prüfen.
  2. Benötigte Werkzeuge, Zugangsdaten und Hosts im Original prüfen.
  3. Eingabe und gewünschtes Ergebnis beschreiben und die Ausgabe mit den Quellen abgleichen.
npx skills add https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/saas-landing --skill saas-landing

Vor dem Start

  • Die Installation umfasst weder Modellabo noch API-Kontingent oder Dateizugriffsrechte.
  • Sterne und Installationen zeigen Aktivität, keine unabhängige Qualitäts- oder Sicherheitsprüfung.
Originales Skill-Dokument

Aus dem Quell-Repository gerendert; Überschriften, Beispiele, Code, Tabellen, Links und Bilder bleiben erhalten.

【模板: 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: 断点, 移动端单栏
aus demselben Repository

Weitere Skills

Alle Skills