SuperAPI AI 工具集

landing-gen

前端与建站

查看项目

更新于 10-16 07:11

技能介绍

用途

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