# Saas Landing

> Generates a single-page SaaS landing page with hero, features, social proof, pricing, FAQ, and footer sections.

- Skill: `nexu-io/saas-landing` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add nexu-io/saas-landing`
- Raw SKILL.md: https://api.skillmd.com/api/skills/nexu-io/saas-landing/raw
- Safety review: PASS (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend, Coding & Dev Tools, Design & Media, CSS & Styling, UI Design
- Tags: Css Animation, Faq, Glassmorphism, Hero Section, Landing Page, Pricing Table, Responsive Design, Saas
- Author: Nexu (https://skillmd.com/u/nexu-io)
- Updated: 2026-07-19
- Page: https://skillmd.com/skills/nexu-io/saas-landing

---


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