shell
$ npx -y skills add nexu-io/html-anything --skill saas-landing --agent claude-codeInstalls just this skill. Get the whole plugin for auto-invocation.
How it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfClaude 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
Stats
Stars7,917
Forks772
LanguageHTML
LicenseApache-2.0
Ships with html-anything
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:` 断点, 移动端单栏
