用途
landing-gen 用于在你刚发布一个包之后,快速生成一个美观的 HTML 落地页。它解决的是「不想花两小时折腾 HTML 和 CSS」的问题:读取你的 package.json,一条命令输出一个完整、好看的落地页,无需配置模板,也无需做设计决策。
主要能力
- 读取 package.json,提取名称、描述、功能、仓库链接等信息
- 生成带完整样式的 HTML 落地页,包含首屏(hero)、功能网格和 CTA
- 输出单个 landing.html 文件,可部署到任意位置
- 自动处理响应式设计,在移动端也能良好显示
- 开箱即用地包含合适的 meta 标签和语义化 HTML
使用方式
快速开始:
npx ai-landing .
使用示例:
# 从当前目录生成
npx ai-landing .
# 从指定项目生成
npx ai-landing ~/projects/my-cool-lib
# 自定义输出文件
npx ai-landing . -o index.html
查看帮助:
npx ai-landing --help
工作原理:工具解析 package.json 提取项目元数据,然后将这些信息发送给 AI 模型,由模型生成干净、语义化的 HTML 并内联样式。最终得到一个单文件落地页,可在任意浏览器打开或部署到任意静态托管。
适用场景
- 刚发布 npm 包,需要快速获得落地页
- 为黑客松项目准备快速演示页
- 在构建正式站点前需要一个占位站点
- 开源项目需要比 GitHub README 更好的第一印象
最佳实践
- 先写好 package.json 的 description——描述越好,落地页文案越好
- 在 package.json 中添加 keywords——它们会被用作页面上的功能亮点
- 部署到 GitHub Pages——输出是单个 HTML 文件,非常适合 gh-pages
- 调整输出——把它作为起点,再自定义颜色和文案以匹配品牌
限制与要求
- 无需安装,直接用 npx 运行;建议 Node.js 18+
- 采用 MIT 许可,永久免费,可随意使用
- 该工具属于 LXGIC Dev Toolkit(LXGIC Studios 构建的 110+ 免费开发者工具之一),免费层无付费墙、无需注册、无需 API key
更多信息:
- GitHub: https://github.com/LXGIC-Studios
- Twitter: https://x.com/lxgicstudios
- Substack: https://lxgicstudios.substack.com
- Website: https://lxgic.dev