技能 HTML 介绍页生成器
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_2a52e6b3/skill-introduction。
技能介绍
问题
Agent Skill 往往有 SKILL.md(面向 AI 触发匹配)和可选的 USAGE.md(面向人类用户),但缺少一份可直接分享的 HTML 介绍页:Hero、功能卡片、Quick Start 分栏、折叠文档区、右侧锚点导航等。手写静态页成本高,且与 Markdown 源文件容易脱节。
工作方式
本技能读取目标技能目录,按优先级选择源文件:--source → USAGE.md → SKILL.md(回退时页面顶部会提示,终端打印 [WARN])。解析 Markdown 结构后生成 ./output/-intro.html(可用 --output 覆盖),并抽取 ## 小节作为 Highlights / Features(无内容则隐藏区块,不填假数据)。
- 主题:
light(默认)、aurora、techblue、finance - Hero 副标题:建议用
--subtitle写一句 pitch;否则会从长 description 截断,观感通常较差 - 渲染:优先使用内置 vendored mistune;缺失
vendor/时回退到内置正则渲染,不会崩溃 - 部署:不绑定任何托管平台;配置
SKILL_INTRO_DEPLOY_CMD后可将 HTML 交给你的脚本,成功部署后把 dashboard id 写入~/.cache/skill-introduction/cache.json,下次运行更新同一 URL
作者名解析顺序:--author → SKILL_INTRO_AUTHOR → git config user.name → $USER。
边界与注意
- 目标目录必须存在
USAGE.md或SKILL.md,否则脚本直接报错退出 - 不要为「好看」而改写
SKILL.md里的触发描述,那会破坏 AI 匹配;面向用户的文案应放在USAGE.md - 未提供
--skill-dir时不应猜测路径,需向用户确认 SKILL_INTRO_DEPLOY_CMD视为可信命令,只指向你控制的脚本
使用场景
- 维护开源 Agent Skill 时,需要把 USAGE.md 转成带 Hero、Quick Start 分栏的可分享 HTML,而不是只发原始 Markdown
- 发布到技能 hub 前,想为同一技能生成四套主题之一的介绍页,本地预览后再决定是否接入部署钩子
- 技能文档已按 ## 分好 Highlights 与 Roadmap,希望一键抽成卡片布局,空章节自动隐藏
- 首次部署介绍页后,后续只改 SKILL.md/USAGE.md 再跑命令,通过缓存的 dashboard id 更新同一线上 URL
适合人员
- 在 GitHub 维护 skill-introduction 类工具、需要为每个技能目录批量产出统一版式 HTML 介绍页的开源作者
- 写 Agent Skill 时 SKILL.md 留给触发词、USAGE.md 面向用户,却缺少与仓库文档同步的对外展示页的技能维护者
- 运营或社区同学负责技能 hub 上架物料,需要可配置 `--hub-url` 与浮动安装按钮的静态介绍页
- 已自建部署脚本(接受 HTML 路径并回传 dashboardId),希望重复生成时自动带上 SKILL_INTRO_UPDATE_ID 的集成工程师