A high-performance local server that provides real-time browser rendering of Markdown files during AI-assisted coding and documentation sessions.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install markdown-viewer
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 markdown-viewer 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 Live Markdown Viewer?
The Live Markdown Viewer is a specialized utility designed to bridge the gap between AI-generated content and visual feedback. As a powerful addition to the Openclaw Skills ecosystem, it allows developers and AI agents to collaborate on Markdown files with instant, SSE-powered live reloads in any web browser. Built with pure Node.js and zero external dependencies, it ensures a secure, lightning-fast experience without supply chain risks or network exposure.
This tool is particularly valuable for complex documentation tasks where visual hierarchy, diagrams, and formatting are critical. By integrating this into your Openclaw Skills setup, you create a tight feedback loop where every change made by an AI agent is immediately visible, ensuring accuracy and style consistency without manual browser refreshes.
Live Markdown Viewer Use Cases
- Real-time previewing of AI-generated README files, technical documentation, and project wikis.
- Collaborative pair-editing with AI agents where visual confirmation of complex tables or task lists is required.
- Reviewing Mermaid diagrams and KaTeX math equations immediately as they are generated by an Openclaw Skills workflow.
- Restricting file access to specific project directories for secure local viewing in shared or restricted environments.
How Live Markdown Viewer Works
- Install the global npm package to make the mdview command available within your Openclaw Skills environment.
- Initialize the local server which binds strictly to 127.0.0.1 to ensure your files are never exposed to the network.
- Instruct the AI agent to open a specific local file path via the viewer's URL query parameter in your default browser.
- Save changes to the .md file and watch as the browser re-renders the content instantly using Server-Sent Events (SSE).
Live Markdown Viewer Setup
To get started, install the viewer globally using npm:
npm install -g @wipcomputer/markdown-viewer
You can then start the server and integrate it into your Openclaw Skills automation script with the following command:
curl -s http://127.0.0.1:3000/ > /dev/null 2>&1 || mdview &
Live Markdown Viewer Data Schema & Taxonomy
| Component | Technical Specification |
|---|---|
| Local Server | Defaulting to http://127.0.0.1:3000 |
| Data Access | Direct filesystem reads via the path query parameter |
| Format Support | GitHub Flavored Markdown (GFM), Mermaid, KaTeX |
| Security | --root flag allows directory tree restriction |
| Refresh Logic | SSE-powered live reload for Safari, Chrome, and Firefox |
Live Markdown Viewer Advanced Features
- Multi-file support allows for managing multiple documents simultaneously across different browser tabs.
- Comprehensive technical rendering including support for 180+ languages in syntax highlighting and complex math equations.
- Zero external request architecture ensures that all Openclaw Skills assets and scripts are bundled locally for maximum privacy.
- Dark mode support and automatically generated tables of contents for improved readability of long-form technical docs.
SKILL.md
Loading
Related Openclaw Skills
xferops-gog
A comprehensive Command Line Interface for managing Google Workspace services including Gmail, Calendar, Drive, and Sheets.
Flower Project Management MCP
A comprehensive Model Context Protocol integration for managing Flower projects, tasks, and team collaboration within AI-driven workflows.
Cursor Cloud Agents
A powerful integration that enables OpenClaw to dispatch, monitor, and manage asynchronous AI coding agents directly on GitHub repositories.
Unibase Agentic Wallets
A specialized skill for creating and managing autonomous onchain wallets that allow AI agents to execute transactions securely across multiple chains.
wip-grok
A comprehensive xAI Grok integration for real-time web and social search combined with multi-modal AI media generation.
wip-x
A comprehensive X Platform interface for reading tweet data and performing automated posting actions via API.
METADATA
Featured*
