HTMLSaaS

launch-kit — HTML SaaS模板

作者 verbio-labs

面向韩国 SaaS 上线前的 HTML 模板合集，涵盖 PIPA 合规条款、SEO、Clarity 统计与移动端组件。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

1 个预览视图

目前只有 1 张可用预览，尚未找到可用演示站，暂无法补充内页和手机端截图。

仓库预览 1

查看源码在新标签页打开

作者提供的预览

来自项目仓库的原始界面图片。

目前有 1 张原始预览，可打开完整图片查看设计细节。

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-09-27查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

围绕上线前 12 项检查组织内容，而非提供完整页面模板

legal/ 内含韩国 PIPA 与电子商交易法相关的隐私、条款、退款 HTML 模板

seo/ 提供 sitemap、robots 与 JSON-LD 组织结构化数据

components/ 含移动端汉堡菜单、404 页、应用商店徽章与无障碍 CSS

附带 claude.md 通用 AI 编码规则，并声明兼容 Cursor 等工具

提供 npx launch-kit init 的零依赖初始化命令

模板详细介绍

Launch Kit 不是一套页面模板，而是一份面向「上线前最后一周」的清单式资源包。它把独立开发者反复踩坑的 12 个事项拆成可直接复制的文件：legal/ 下是韩国 PIPA 与电子商交易法相关的隐私、条款、退款三类 HTML 模板，seo/ 提供 sitemap、robots 与 JSON-LD 组织信息，analytics/ 给出 Microsoft Clarity 的接入片段，components/ 则包含移动端汉堡菜单、404 页、应用商店徽章、无障碍 CSS 和一份 Python 的 OG 图生成脚本。此外还有 claude.md 作为 AI 编码工具的通用规则文件，以及一个零依赖的 npx launch-kit init 命令行初始化流程。

适用对象写得很明确：用 Cursor 或 Claude Code 单独做站点的独立开发者、需要处理韩国合规条款的 SaaS 创始人，以及想在周末完成上线的开发者。它的价值集中在「省去逐项搜索和试错」，例如条款模板通过变量替换即可生成初稿，Clarity 片段按官方步骤替换项目 ID 后放入 head。需要留意的是，条款模板在 FAQ 中被作者本人定位为律师审查的起点而非替代品，涉及支付、订阅或敏感数据时应另行核对；Clarity 的使用也要求在隐私政策中明确披露。

技术层面，仓库以 HTML/CSS/JS 和少量 Python 为主，README 说明其中约九成内容与具体工具无关，可迁移到 Next.js 等框架，但迁移方式属于读者自行转换，仓库未提供框架集成示例。CLI 的自动生成、PG 支付代码与条款示例在 README 的路线图中部分仍标记为未完成，实际可用范围建议以仓库当前文件为准。

HTMLSaaS

适合你的项目吗？

适用场景

用 AI 编码工具独立开发站点，希望在上线前一次性补齐 SEO、统计与移动端体验
面向韩国市场发布 SaaS，需要 PIPA 与电子商交易法相关条款的起草起点
已有站点但缺少 OG 图、favicon、404 页等细节，想按清单逐项补齐
希望用 claude.md 统一 AI 编码工具的项目规则，减少误改代码

适合人群

使用 Cursor、Claude Code 等工具的个人开发者
需要韩国合规条款初稿的 SaaS 创始人
以静态 HTML 或可迁移到框架的轻量项目为主
接受条款需自行替换变量并可能需律师复核的团队

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
推荐使用 npx launch-kit init 交互式生成，或手动复制 legal/、components/、claude.md 后按 legal/README.md 替换变量
2
Clarity 需先注册获取项目 ID，替换占位符后放入各页面 head，并在隐私政策中披露
3
OG 图生成脚本依赖 Python 与 pillow，运行前需安装
4
条款模板按作者说明仅为律师审查起点，涉及支付、订阅或敏感数据时应另行核对
5
README 路线图中部分条目（如 PG 条款示例、框架集成）尚未完成，使用前需确认仓库当前状态

查看仓库使用说明