Agent Skills
返回列表
📚

技能 HTML 介绍页生成器

知识管理 更新于 2026.08.29

将以下提示词粘贴到你的 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 的集成工程师