適用於 Openclaw 的 marknative

一個輕量級、無需瀏覽器的 Markdown 渲染器,使用原生繪圖後端將內容轉換為分頁的 PNG 或 SVG 影像。

twoface2014
v1.0.0
Apr 2, 2026
0
698
0

安裝與下載

1. ClawHub CLI

從來源直接安裝技能的最快方式。

npx clawhub@latest install marknative

2. 手動安裝

將技能資料夾複製到以下位置之一

全域模式
~/.openclaw/skills/
工作區
<project>/skills/

優先級:工作區 > 本地 > 內建

3. 提示詞安裝

將此提示詞複製到 OpenClaw 即可自動安裝。

請幫我使用 Clawhub 安裝 marknative。如果尚未安裝 Clawhub,請先安裝(npm i -g clawhub)。

想要直接下載?

取得包含原生技能檔案的ZIP壓縮檔。

什麼是 marknative?

marknative 是專為 Openclaw Skills 設計的專業工具,旨在將 Markdown 內容渲染為高品質視覺格式,而無需像 Chromium 這樣的無頭瀏覽器所帶來的沉重依賴。透過使用原生渲染引擎,它為從文字檔案生成影像提供了一種快速的伺服器端解決方案。

此技能非常適合需要為筆記、文章或程式碼片段建立視覺快照的開發人員與 AI 代理。它會自動處理分頁,確保長文件被清晰地分割成多個影像檔案,同時保持一致的樣式與排版。

marknative 應用場景

  • 自動將 Markdown 文件轉換為 PNG 影像,以便在社群平台或內部通訊中輕鬆共享。
  • 批次匯出大量 Markdown 筆記為分頁的 SVG 檔案,用於高解析度封存。
  • 在無法安裝 Puppeteer 或 Playwright 的環境中,產生 Markdown 內容的伺服器端影像預覽。
  • 在自動化的 Openclaw Skills 管線中,從動態 Markdown 資料建立視覺資產。

marknative 運作原理

  1. 該技能接收原始 Markdown 字串與設定選項(如所需的輸出格式 PNG 或 SVG)。
  2. 它利用 marknative 程式庫與 skia-canvas 來解析 Markdown 並計算佈局定位。
  3. 內容被繪製到虛擬 canvas 上,應用分頁邏輯根據需要將內容拆分為單一頁面。
  4. 渲染引擎產生表示每一頁的資料緩衝區陣列。
  5. AI 代理或系統將這些緩衝區儲存到本機檔案系統或傳遞給後續的工作流程步驟。

marknative 設定指南

要在 Openclaw Skills 環境中使用此技能,請確保已安裝所需的依賴項。請先檢查現有安裝情形:

npm ls marknative skia-canvas

若尚未安裝這些套件,請使用 npm 進行安裝:

npm install marknative

請注意,由於 skia-canvas 是原生依賴項,請確保您的系統架構與 Node.js 版本與預編譯的二進位檔相容。

marknative 資料結構與分類體系

marknative 技能使用結構化格式與資料進行互動,以管理分頁輸出與渲染選項。

屬性 類型 描述
markdown string 要轉換的來源 Markdown 文字。
format string 輸出影像類型:'png' 或 'svg'。
pages array 物件陣列,每個項目代表一個渲染頁面。
page.data buffer 特定頁面的原始影像資料緩衝區。
painter object (選用) 用於進階佈局控制的自訂繪圖介面。

marknative 進階特性

  • 支援分頁渲染,允許將長篇內容自動拆分到多個影像檔案中。
  • 使用 skia-canvas 的無瀏覽器架構,與基於 Chromium 的渲染器相比,資源消耗顯著降低。
  • 完全相容 ESM 與 TypeScript,易於整合到現代 Openclaw Skills 專案中。
  • 提供自訂 painter 鉤子,供需要覆寫特定 Markdown 元素預設渲染行為的使用者使用。

SKILL.md


加載中

Openclaw 相關技能

METADATA

Github Stars: 0
forks: 0

精選*