/saas-landing

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

Boost this skill

nexu-io@nexu-io

GitHub

From plugin

html-anything

8.8k81 skills

Install

$ npx -y skills add nexu-io/html-anything --skill saas-landing --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/saas-landing

Context preview

The summary Claude sees to decide when to auto-load this skill.

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

SKILL.md

saas-landing.SKILL.md

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

Read it on GitHub ↗

Ships withhtml-anything

From the team behind Open Design — 40k★ · 200+ contributors, production-grade and iterating faster. html-anything is the focused agent-era HTML editor; if it clicks for you, Open Design is where the same team ships at scale.

Get the whole plugin

Stats

TypeScript Node HTML CSS Bash

+7 tags

SQL GitHub Markdown Anthropic Gemini Obsidian Bun

8,827

Stars

857

Forks

Active

Maintenance

HTML