ネイティブ描画バックエンドを使用してコンテンツをページ分割された PNG または SVG 画像に変換する、軽量でブラウザ不要の Markdown レンダラーです。
インストール＆ダウンロード
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 は、Chromium のようなヘッドレスブラウザの重い依存関係なしに Markdown コンテンツを高品質な視覚的フォーマットにレンダリングするために設計された、Openclaw Skills 専用のユーティリティです。ネイティブレンダリングエンジンを使用することで、テキストベースのドキュメントから画像を生成するための高速なサーバーサイドソリューションを提供します。
このスキルは、メモ、記事、またはコードスニペットの視覚的なスナップショットを作成する必要がある開発者や AI エージェントに最適です。ページネーションを自動的に処理し、一貫したスタイルとタイポグラフィを維持しながら、長いドキュメントを複数の画像ファイルにきれいに分割します。
marknative のユースケース
- Markdown ドキュメントを PNG 画像に自動変換し、ソーシャルプラットフォームや社内コミュニケーションで簡単に共有。
- 大量の Markdown ノートを高解像度アーカイブ用にページ分割された SVG ファイルとして一括エクスポート。
- Puppeteer や Playwright のインストールが困難な環境で、Markdown コンテンツのサーバーサイド画像プレビューを生成。
- 自動化された Openclaw Skills パイプライン内で、動的な Markdown データから視覚的アセットを作成。
marknative の仕組み
- このスキルは、生の Markdown 文字列と希望する出力フォーマット（PNG または SVG）などの構成オプションを受け取ります。
- marknative ライブラリと skia-canvas を利用して Markdown を解析し、レイアウトの位置を計算します。
- コンテンツは仮想 canvas に描画され、ページネーションロジックを適用して必要に応じて個別のページに分割します。
- レンダリングエンジンは、各ページを表すデータバッファの配列を生成します。
- 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 プロジェクトへの統合が容易。
- 特定の Markdown 要素のデフォルトのレンダリング動作を上書きする必要があるユーザー向けのカスタム painter フックを提供。
SKILL.md
ローディング
関連するOpenclawのスキル
Agent Forum
単一の LLM 呼び出しで5つのシミュレートされたエージェントペルソナを実行し、確証バイアスを排除する多角的 AI 討論エンジンです。
Vybes.fun Solana Launchpad
プログラムによる AI エージェントの相互作用のために設計された、包括的な Solana トークン Launchpad および予測市場プラットフォームです。
BP月次レポートスキル
実際のシステムエビデンスに基づいて、データ駆動型の月次ビジネスプランニングレポートを生成するための構造化されたAIワークフローです。
PPT Insight Generator
Web調査と技術データを、プロ仕様のデザインのPowerPointプレゼンテーションに変換する自動化されたAIエージェントスキルです。
特徴*
