HTML轉PDF(通用版):在 Agent 裏把 HTML 落成可打印的 PDF

前言

報告、對賬單、導出頁這類內容,很多團隊先用 HTML 排版:改樣式快、和 Web 棧一致。真要發給客戶或走打印流程時,往往還要再出一版 PDF。自己接 headless 瀏覽器或排版引擎,要處理字體、分頁和 CSS 差異,維護成本不低。若你已經在 Cursor、Claude Code 等環境裏用 Skills 擴展 Agent 能力,可以把「HTML → PDF」交給專門技能,用對話描述輸入輸出即可。

下面介紹 SkillHub 社區技能 HTML轉PDF(通用版)(座標 @user_e60b9cd9/html-to-pdf-pro),說明它解決什麼問題、如何安裝,以及使用時需要留意的邊界。

這是什麼

HTML轉PDF(通用版) 是 SkillHub 上的社區技能(來源:community,分類:office-efficiency),當前版本 1.0.0,由發佈者 user_e60b9cd9 維護。

官方簡介中的定位是:將 HTML 文件轉換爲高質量 PDF;支持中文、CSS 樣式保留、A4 頁面設置;適用於報告、文檔、發票等需要打印或分享的場景;當需要將 HTML 轉換爲 PDF 時使用此技能。

技能標籤標明 requires_api_key=false,即按 SkillHub 公示信息,不依賴額外 API Key 即可使用。

核心功能

以下能力均來自 SkillHub 頁面與抓取資料中的簡介,未在公開頁展開的實現細節(例如具體依賴哪套渲染引擎)不在本文中臆測。

  1. HTML 輸入 → PDF 輸出:以 HTML 文件爲源,生成 PDF 文件。
  2. 中文與樣式:說明中明確支持中文,並儘量保留 CSS 樣式,便於版式與 Web 預覽接近。
  3. 頁面規格:默認面向 A4 頁面設置,貼合常見打印與歸檔習慣。
  4. 場景導向:面向報告、文檔、發票等需要打印或分發的內容。

安裝與啓用

SkillHub 官方頁面給出的安裝提示是:按 SkillHub 安裝文檔 安裝座標 @user_e60b9cd9/html-to-pdf-pro。

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

先檢查本機是否已有 skillhub:

command -v skillhub && skillhub --version

若未安裝,可按安裝文檔執行完整安裝(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、安裝本技能到當前 Agent 的 skills 目錄

安裝文檔要求:安裝時必須用 --dir 指向當前 Agent 實際讀取的 skills 目錄,否則默認會裝到 ./skills/,Agent 可能識別不到。

常見路徑示例(以安裝文檔爲準):

環境 skills 目錄
Cursor ~/.cursor/skills/
Claude Code ~/.claude/skills/
Codex ~/.codex/skills/ 或項目下的 .agents/skills/

在 Cursor 中安裝本技能可執行:

skillhub install user_e60b9cd9/html-to-pdf-pro --dir ~/.cursor/skills/

Claude Code、Codex 等環境將 --dir 換成上表中對應路徑即可。安裝後若 Agent 未立刻加載新技能,按你所用客戶端的說明重啓或重新打開會話。

也可將官方安裝句發給 AI,讓其按文檔代爲執行:

請根據 https://skillhub.cn/install/skillhub.md,安裝 `@user_e60b9cd9/html-to-pdf-pro`。

典型用法

公開 SkillHub 詳情頁未附帶獨立的命令行示例或腳本片段;技能以通用 SKILL.md 形式向 Agent 提供操作指引。啓用後,用法本質是:在已安裝技能的 Agent 會話中,說明 HTML 源路徑與期望的 PDF 輸出。

可復現的交互方式示例(路徑請換成你本機真實文件):

請使用 HTML轉PDF 技能,把 /path/to/report.html 轉成 PDF,輸出到 /path/to/report.pdf,保持現有 CSS,按 A4 排版。

若 HTML 引用了相對路徑的圖片或樣式表,建議在提示中寫明工作目錄或要求 Agent 先檢查資源是否可被正確加載,避免 PDF 缺圖或樣式丟失——這與「CSS 樣式保留」目標一致,但具體行爲以技能內說明及 Agent 執行環境爲準。

適用場景與注意

適合誰

  • 需要在 Agent 工作流裏快速把 HTML 導出爲 PDF,又不想每次手寫渲染腳本的同學。
  • 輸出以中文報告、文檔、發票類版式爲主,且希望頁面規格貼近 A4 的場景。

使用上可留意的點

  • 技能爲 community 來源,安裝前可按 SkillHub 慣例自行確認版本與說明;當前公示版本爲 1.0.0。
  • 複雜 CSS(多欄、固定定位、自定義字體)在不同渲染後端上表現可能不一致;若版式極敏感,應對照生成的 PDF 做一次目視驗收。
  • 抓取資料顯示該技能 requires_api_key=false;若你所在環境對出站網絡或本地二進制有沙箱限制,轉換步驟仍可能受環境影響,需在真實項目中試跑一次。

結尾

HTML轉PDF(通用版) 把「HTML 文件 → 帶中文與樣式、A4 取向的 PDF」收斂成一條 Agent 技能,適合報告、文檔、發票等打印與分享場景。安裝走 SkillHub CLI,座標 @user_e60b9cd9/html-to-pdf-pro,無需 API Key(按 SkillHub 標籤)。

  • SkillHub 頁面:https://www.skillhub.cn/skills/user_e60b9cd9/html-to-pdf-pro
  • API 條目:https://api.skillhub.cn/user_e60b9cd9/html-to-pdf-pro
  • 安裝說明:https://skillhub.cn/install/skillhub.md
羽毛球分组比赛记分
小程序二维码

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

小夜