htmlppt.skill:把文章與文檔轉成全屏翻頁 HTML 演示

前言

技術分享、方案評審或內部分享,常見路徑是先把長文整理成 PPT,再逐頁排版。文章、Wiki、KM 裏往往已經有完整結構,再手工拆頁和套模板會佔掉不少時間。若目標只是「能全屏翻頁演示、單文件易分發」,直接生成 HTML 幻燈片往往更省事。

下面介紹 SkillHub 上的 htmlppt.skill(座標 @user_5982371c/articletodeck):在 Agent 對話裏把文章、鏈接或粘貼文本轉成全屏翻頁 HTML,並寫入工作區;按 Skill 說明,還可經企微把結果發給用戶。

這是什麼

htmlppt.skill 是社區來源(community)的 Agent Skill,當前版本 1.0.0,發佈者爲 user_5982371c,在 SkillHub 分類爲 office-efficiency。標籤標明 requires_api_key=false,安裝後不需要額外配置 API Key。

一句話定位:當用戶希望把任意文章或文檔做成「幻燈片風格」的全屏 HTML 演示時,由 Agent 按 Skill 流程拉取或讀取內容、生成 HTML 文件並落盤。

官方入口:

  • Skill 包地址:https://api.skillhub.cn/user_5982371c/articletodeck
  • SkillHub 頁面:https://www.skillhub.cn/skills/user_5982371c/articletodeck

核心功能

以下能力均來自 SkillHub 簡介與頁面說明,未單獨列出的細節不作延伸。

  1. 內容輸入:支持文章鏈接、Markdown、直接粘貼的文本;並寫明支持 iWiki 鏈接、KM 鏈接、本地文件路徑 等來源。
  2. 輸出形態:生成全屏翻頁的 HTML 演示文件,呈現爲幻燈片風格。
  3. 落盤與交付:HTML 保存到本地工作區;Skill 說明中寫明可通過企微直接發送給用戶。
  4. 觸發方式:當用戶表達「要做演示 / 轉幻燈片 / 轉 HTML deck」等意圖時由 Agent 選用該 Skill。官方給出的觸發示例包括:
    - 幫我把這篇文章做成 PPT
    - 轉成演示文檔
    - 生成 HTML 幻燈片
    - 做個演示
    - 轉成可以演示的格式
    - article to deck
    - make a slide

安裝與啓用

該 Skill 遵循通用 SKILL.md 格式。SkillHub 頁面建議將安裝提示發給 AI,並引用安裝文檔;也可在本機用 skillhub CLI 安裝到當前 Agent 的 skills 目錄(裝錯目錄時 Agent 可能無法加載,需按環境選對路徑)。

1、安裝 skillhub CLI(若尚未安裝)

先檢查是否已有 CLI:

command -v skillhub && skillhub --version

未安裝時,可按 SkillHub 安裝文檔執行完整安裝(含 CLI 與默認 Skill):

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash

僅安裝 CLI 時:

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only

2、安裝 htmlppt.skill

安裝時必須用 --dir 指向當前 Agent 的 skills 目錄。以 Cursor 爲例,常用路徑爲 ~/.cursor/skills/:

skillhub install @user_5982371c/articletodeck --dir ~/.cursor/skills/

其他客戶端在 SkillHub 安裝文檔中列出的 skills 路徑包括(按你實際使用的工具擇一):

  • Claude Code:~/.claude/skills/
  • Codex:~/.codex/skills/ 或項目下的 .agents/skills/
  • Gemini CLI:~/.gemini/skills/

安裝完成後,按你所用 Agent 的慣例重新加載或重啓會話,使新 Skill 生效。頁面未單獨區分 Cursor / Codex / Claude Code 的安裝包差異時,以上路徑與座標安裝方式即可複用。

也可在對話中直接說明:請根據 https://skillhub.cn/install/skillhub.md 安裝 @user_5982371c/articletodeck。

典型用法

官方資料未提供逐步截圖或固定樣例倉庫,可復現的用法是:在已啓用 Skill 的 Agent 裏,用自然語言帶上內容來源,並命中上述觸發意圖。

  1. 粘貼正文或 Markdown
    例如:「把下面這篇 Markdown 生成 HTML 幻燈片,全屏翻頁。」隨後粘貼全文。

  2. 給出鏈接
    例如:「這是 iWiki / KM 鏈接,幫我轉成可以演示的 HTML。」並附上鍊接(Skill 簡介中明確支持 iWiki、KM)。

  3. 本地文件
    在工作區內給出可讀路徑,例如:「把 docs/design.md 轉成演示文檔。」Agent 按 Skill 讀取文件並生成 HTML。

  4. 查看結果
    生成文件會保存在當前本地工作區;若你使用企微協作,可按 Skill 說明由 Agent 經企微發送 HTML。

具體分頁規則、主題樣式等以 Skill 包內 SKILL.md 爲準;本文不臆測未公開的實現細節。

適用場景與注意

適合誰

  • 已有長文、Wiki 或 KM 文檔,需要快速得到可演示的單文件 HTML。
  • 希望減少「先做 PPT 再對齊原文」的重複勞動,且接受瀏覽器全屏演示而非 .pptx。

使用上注意

  • requires_api_key=false 僅表示 SkillHub 標籤未要求 API Key;企微發送、內網 Wiki/KM 訪問仍取決於你所在環境與 Agent 權限。
  • 內網鏈接與本地路徑能否讀取,由 Agent 運行環境決定;無法訪問時需在對話中改用粘貼正文或可訪問的副本。
  • SkillHub 統計(截至頁面抓取):評分 100000,下載 2402,安裝 57;選用時可結合社區來源自行評估維護節奏。

結尾

htmlppt.skill 把「文章 / 文檔 → 全屏 HTML 幻燈片」收斂成 Agent 內可觸發的流程:多來源輸入、工作區落盤、可選企微交付。若你經常在 Cursor 等環境裏做內部分享,可先按上文安裝到對應 skills 目錄,再用觸發語帶上鍊接或正文試一輪。

SkillHub 頁面:https://www.skillhub.cn/skills/user_5982371c/articletodeck
Skill 包:https://api.skillhub.cn/user_5982371c/articletodeck

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜