一句话让AI把你的Skill变成漂亮官网，这个工具太实用了
你有没有遇到过这种情况——辛辛苦苦做了一个 Agent Skill，结果 GitHub 仓库看起来就像一个裸代码堆，潜在用户点进来不知道这玩意儿能干嘛、怎么用、值不值得装？
我自己做过不少 Skill，这个问题一直挺头疼的。直到看到 skill-site-generator，才发现原来一句对话就能给 Skill 生成一个完整漂亮的官网。
一句话，AI 帮你把 Skill 变成产品页
装上这个 Skill 后，你只需要跟 AI 说一句话：
- 「给 web-access skill 做一个官网」
- 「帮我生成 https://github.com/xxx/my-skill 的 landing page 并部署」
然后 AI 就会自动走完整个流程：读 SKILL.md → 理解 Skill 定位 → 生成 HTML 网站（含中英双语、终端动画、SEO）→ 生成 favicon 和 OG 图 → 预览确认 → 推送到 GitHub Pages。
全程不用你写一行代码。
生成的页面有什么
自动生成的官网有一套完整的内容逻辑：
- Hero 区 + 终端演示动画：访客一眼看到 Skill 能做什么，双语切换
- Problem 对比区：没有这个 Skill 之前 vs 有之后，对比强烈
- 能力卡片：4-6 张，把核心功能视觉化
- 安装步骤：一行 npx 命令
- FAQ：常见问题解答
- 完整 SEO：Open Graph、Twitter Card、JSON-LD、sitemap
设计思路很有意思
这个工具的设计哲学很值得玩味——它没有做成一个大而全的模板引擎，而是让 AI 直接参考一个优秀的官网实例来写 HTML。脚本只负责图片处理和 GitHub 部署，其余全是 AI 的活儿。
简单说就是：AI 做创意和文案，脚本做它擅长的执行，分工干净利落。
适合谁用
- 自己做了 Skill 想推广的开发者
- 想让自己的 AI 工作流有更好展示界面的玩家
- 想学习如何做 Skill 产品页的同学（参考它的 reference.html）
目前 GitHub 上 Star 不多（只有 4 颗），说明还是早期项目，但也意味着你现在用就是第一批吃螃蟹的人。
⏬ 安装方式：npx skills add eze-is/skill-site-generator
📦 GitHub：https://github.com/eze-is/skill-site-generator
🔗 官网示例：eze-is.github.io/skill-site-generator
评论区
0 条评论
登录后可评论。