开发者开源 20 个单文件 HTML 落地页，用 Claude 给现有项目换皮
2026.10.10 · 产品 · 开源项目 · 本人发布
20 个纯 HTML/CSS/JS 单文件落地页开源，可让 Claude 提取设计系统并套用到已有项目
一位开发者重新上线 InstaLanding.ai，用纯 HTML、CSS、JavaScript 做了 20 个落地页，每页都是单文件、无框架、无依赖、无构建步骤。他提出一种用法：把其中一个 HTML 文件交给 Claude，让它提取排版、配色、间距、组件、阴影和动画等设计系统，套用到已有的 Claude Code 项目上，同时保留原有内容、功能、路由和业务逻辑。项目免费开源、无需登录。
- 20 个落地页均为单文件 HTML，无框架和构建步骤
- 设计系统含排版、配色、间距、布局、组件、阴影、动画
- 可让 Claude 提取设计语言并套用到已有项目
- 要求保留原有内容、功能、路由和业务逻辑
- 项目免费开源，无需登录即可使用
为什么值得看
给 AI 编程提供可运行的设计参考，而非靠提示词描述风格
适合谁关注
用 Claude Code 做前端、想统一视觉风格的开发者