九天-知識卡片3.0:把主題收成可分享的 HTML 知識卡片

前言

概念說明、讀書筆記、技術要點,常常要先「壓成一頁能掃完的結構」,再決定要不要寫長文或做 PPT。純 Markdown 筆記適合存檔,卻不一定適合手機屏上預覽或截圖發羣;自己搭 HTML 版式又費時。下面介紹 SkillHub 上的社區 Skill「九天-知識卡片3.0」:在 Agent 對話裏給出主題或素材,由 Skill 指導生成帶版式的 HTML 知識卡片,瀏覽器打開即可預覽或截圖分享。

這是什麼

九天-知識卡片3.0(座標 @user_f842e6fc/jiutian-knowledge-card,當前版本 3.0.1)由社區發佈者 user_f842e6fc 維護,在 SkillHub 分類爲 knowledge-management,來源標註爲 community。Skill 的定位是:將任意主題一鍵生成精美 HTML 知識卡片,並根據內容類型自動匹配版面風格;標籤標明 requires_api_key=false,安裝後無需額外配置 API Key。

官方 SkillHub 頁:https://www.skillhub.cn/skills/user_f842e6fc/jiutian-knowledge-card
Skill 資源地址:https://api.skillhub.cn/user_f842e6fc/jiutian-knowledge-card

核心功能

六種版面模板

Skill 支持 6 種版面模板,名稱與官方說明一致:

  1. 經典卡片
  2. 列表清單
  3. 左右雙欄
  4. 信息圖
  5. 時間線
  6. 對比表

生成時會 自動匹配內容類型與版面風格,無需在對話裏手動指定每一種 CSS 細節。

視覺與交付形態

輸出爲單頁 HTML,視覺爲 暖白底 + 噪點紋理 的紙張質感,適配手機屏寬。完成後可在瀏覽器中直接預覽,或截圖後用於社羣、文檔附錄等場景。

觸發方式

官方簡介強調觸發方式靈活。頁面與資料中明確提到的口語示例包括:「知識卡片」、「做張卡」、「來個速覽」、「一頁紙總結」、「幫我濃縮」 等;用自然語言表達「把某段內容做成卡片 / 速覽 / 一頁紙」一般即可喚起 Skill。具體匹配規則以安裝後的 SKILL.md 爲準。

安裝與啓用

Skill 遵循通用 SKILL.md 格式。SkillHub 頁面給出的安裝提示爲:根據官方安裝文檔安裝座標 @user_f842e6fc/jiutian-knowledge-card。

1. 檢查或安裝 SkillHub CLI

先確認本機是否已有 skillhub 命令:

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. 安裝到當前 Agent 的 skills 目錄

安裝技能時必須用 --dir 指向當前 Agent 識別的 skills 目錄;否則默認會裝到 ./skills/,Agent 可能無法加載。官方文檔列出的常見路徑包括:

  • Cursor:~/.cursor/skills/
  • Claude Code:~/.claude/skills/
  • Codex:~/.codex/skills/ 或項目下的 .agents/skills/

安裝命令示例(將 <skills 目錄> 換成上面對應路徑):

skillhub install user_f842e6fc/jiutian-knowledge-card --dir <skills 目錄>

也可在對話中把 SkillHub 頁上的提示發給 Agent:「請根據 https://skillhub.cn/install/skillhub.md,安裝 @user_f842e6fc/jiutian-knowledge-card。」

安裝完成後,按你所用客戶端的要求 重啓或刷新 Agent,使新 Skill 生效。

典型用法

官方頁面未提供固定示例項目,但能力與觸發方式足夠復現下面流程。

  1. 確認 Skill 已裝入當前 Agent 的 skills 目錄並已啓用。
  2. 在對話中給出 主題(例如某個技術概念)或 已有段落 / 大綱,並帶上觸發語,例如:「幫我把下面內容做成知識卡片,來個速覽。」
  3. 按 Agent 與 Skill 的指引完成生成,得到 HTML 知識卡片 文件或可直接打開的頁面。
  4. 用瀏覽器打開 HTML,檢查版式(經典卡片、時間線、對比表等是否貼合內容);需要對外分享時 截圖 或發送 HTML 文件。

若內容更適合長文報告、專業數據圖表或純文本筆記歸檔,應換用其他工具或 Skill;本 Skill 的定位是 結構化、可掃讀的一頁卡片,而非通用報表或 BI 製圖。

適用場景與注意

適合:

  • 學習筆記、讀書摘要、會議要點需要「一頁紙」呈現時
  • 要把概念對比、步驟清單、時間線等壓成 移動端友好 的 HTML
  • 團隊內快速共享可視化要點,而不立刻投入排版或設計工具

注意:

  • 版面由 Skill 根據內容 自動選擇;若對某一種模板有硬性要求,需在對話裏說明,並仍以 Agent 執行爲準。
  • 社區 Skill(community)的更新與維護依賴發佈者;使用前可在 SkillHub 查看版本 3.0.1 與頁面說明。截至資料抓取時,SkillHub 顯示評分 100000、下載 1013 次(數據以 SkillHub 實時頁面爲準)。
  • 不要求 API Key,但生成質量仍取決於底層模型與輸入素材的完整度;輸入越清晰,卡片結構越穩定。

結尾

九天-知識卡片3.0 把「總結 / 濃縮 + HTML 卡片」收進一條 Agent 工作流:六種模板、紙張質感與手機適配已在 Skill 說明中寫明,安裝座標爲 @user_f842e6fc/jiutian-knowledge-card。若你經常在對話裏整理知識點並需要可分享的頁面,可按上文步驟裝入 SkillHub CLI 並安裝到對應 skills 目錄。詳情與安裝提示見 SkillHub 官方頁:https://www.skillhub.cn/skills/user_f842e6fc/jiutian-knowledge-card

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

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

小夜