Skill6.7k repo starsupdated 11d ago

saas-landing

SaaS Landing is a complete single-page landing page template featuring navigation, hero section with dual CTAs, social proof logo wall, feature cards, step-by-step workflow section, tiered pricing table with highlighted recommendation, FAQ accordion, and footer. Use this template to quickly deploy a modern SaaS product page with responsive design, glassmorphism styling, scroll animations, and mobile optimization across all standard sections.

View source Repository: html-anything

Install in Claude Code

Copy

git clone --depth 1 https://github.com/nexu-io/html-anything /tmp/saas-landing && cp -r /tmp/saas-landing/next/src/lib/templates/skills/saas-landing ~/.claude/skills/saas-landing

Then start a new Claude Code session; the skill loads automatically.

Definition

SKILL.md

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