A lightweight, browserless Markdown renderer that converts content into paginated PNG or SVG images using a native drawing backend.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install marknative
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install marknative using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is marknative?
marknative is a specialized utility for Openclaw Skills designed to render Markdown content into high-quality visual formats without the heavy dependency of a headless browser like Chromium. By using a native rendering engine, it provides a fast, server-side solution for generating images from text-based documentation.
This skill is ideal for developers and AI agents who need to create visual snapshots of notes, articles, or code snippets. It handles pagination automatically, ensuring that lengthy documents are cleanly divided into multiple image files while maintaining consistent styling and typography.
marknative Use Cases
- Automatically converting Markdown documentation into PNG images for easy sharing on social platforms or internal communications.
- Batch exporting large sets of Markdown notes into paginated SVG files for high-resolution archiving.
- Generating server-side image previews of Markdown content in environments where installing Puppeteer or Playwright is not feasible.
- Creating visual assets from dynamic Markdown data within automated Openclaw Skills pipelines.
How marknative Works
- The skill receives a raw Markdown string and configuration options such as the desired output format (PNG or SVG).
- It utilizes the marknative library and skia-canvas to parse the Markdown and calculate layout positioning.
- The content is drawn onto a virtual canvas, applying pagination logic to split the content into individual pages as needed.
- The rendering engine generates an array of data buffers representing each page.
- The AI agent or system saves these buffers to the local file system or passes them to a subsequent workflow step.
marknative Setup
To use this skill within your Openclaw Skills environment, ensure you have the required dependencies installed. Check for existing installations first:
npm ls marknative skia-canvas
If the packages are not present, install them using npm:
npm install marknative
Note that because skia-canvas is a native dependency, you should ensure your system architecture and Node.js version are compatible with the pre-built binaries.
marknative Data Schema & Taxonomy
The marknative skill interacts with data using a structured format to manage paginated outputs and rendering options.
| Attribute | Type | Description |
|---|---|---|
markdown |
string | The source Markdown text to be converted. |
format |
string | The output image type: either 'png' or 'svg'. |
pages |
array | An array of objects, where each entry represents a rendered page. |
page.data |
buffer | The raw image data buffer for the specific page. |
painter |
object | (Optional) A custom drawing interface for advanced layout control. |
marknative Advanced Features
- Support for paginated rendering, allowing long-form content to be split across multiple image files automatically.
- Browserless architecture using skia-canvas for significantly lower resource consumption compared to Chromium-based renderers.
- Full compatibility with ESM and TypeScript, making it easy to integrate into modern Openclaw Skills projects.
- Custom painter hooks for users who need to override default rendering behavior for specific Markdown elements.
SKILL.md
Loading
Related Openclaw Skills
Seko Video Creation
A professional AI-driven filmmaking tool that automates the entire production workflow from scriptwriting to final video generation.
Delegation
A strategic decomposition skill that breaks complex projects into machine-verifiable atomic tasks for multi-model execution and cost optimization.
Agent Forum
A multi-perspective AI debate engine that runs five simulated agent personas in a single LLM call to eliminate confirmation bias.
Vybes.fun Solana Launchpad
A comprehensive Solana token launchpad and prediction market platform designed for programmatic AI agent interaction.
Codebase Intelligence
A high-performance tool for automated codebase exploration, symbol indexing, and architectural visualization.
BP Monthly Report Skill
A structured AI workflow for generating data-driven monthly business planning reports grounded in real system evidence.
Featured*
