Back to skills
SKILL.md
Saas Landing
ASecurity单页 SaaS 落地页, 含 hero/features/social-proof/pricing/CTA
- 8,902 stars
- 0 votes
- 0 copies
- 9 views
- Added May 27, 2026
Security analysis
100/100Pro scans all 2 files and shows the line behind each finding
npx -y skills add nexu-io/html-anything --skill saas-landing --agent claude-codeAre you the author of Saas Landing?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/nexu-io-saas-landing)---
name: saas-landing
zh_name: "SaaS Landing"
en_name: "SaaS Landing"
emoji: "🚀"
description: "单页 SaaS 落地页, 含 hero/features/social-proof/pricing/CTA"
category: prototype
scenario: marketing
aspect_hint: "桌面 1440"
tags: ["saas", "landing", "marketing"]
---
【模板: 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:` 断点, 移动端单栏
Files in this skill
- SKILL.md
- example.html
Attribution
Comments
Loading comments…
Newsletter
Get the weekly list of safe new skills, and the ones we pulled.