saas-landing について
saas-landing は、SaaS 製品の価値や機能、価格を紹介するランディングページ向けのデザインテンプレートです。ナビゲーションから FAQ、フッターまでの標準セクションを備え、モバイル表示も考慮しています。
主な機能
- 01ナビゲーションと CTA 付きヒーロー
- 02ロゴ一覧と機能カード
- 033 ステップの利用手順
- 04価格表と FAQ アコーディオン
- 05モバイル向け 1 列レイアウト
活用シーン
- 01SaaS 製品と機能の紹介
- 02手順・価格・よくある質問の提示
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/saas-landingを入力して読み込まれたか確認します。
同梱ファイルexample.html
README（原文）English
プロジェクトの README よりこの README の日本語訳はまだありません。以下は英語の原文です。日本語の紹介はページ上部をご覧ください。
【模板: 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:断点, 移动端单栏
コメント
Markdown 対応