markdown-preview

Convert Markdown, plain text, and Mermaid diagrams into self-contained HTML previews.

38|8|Updated Nov 30, 2025
One-click install
npx skills add https://github.com/rp1-run/rp1 --skill markdown-preview
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: markdown-preview
Source: https://github.com/rp1-run/rp1/tree/main/plugins/base/skills/markdown-preview
Command: npx skills add https://github.com/rp1-run/rp1 --skill markdown-preview

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generates browser-viewable HTML previews from Markdown, plain text, and Mermaid diagrams, with built-in syntax highlighting.

Core Features & Use Cases

  • Single-pass Mermaid validation for multiple diagrams
  • Self-contained HTML with embedded libraries (marked.js, Prism.js, Mermaid.js)
  • Auto-opens in the default browser for quick previews

Quick Start

Pass your Markdown content to the skill; it will generate a temp HTML file and open it in your browser.

Frequently Asked Questions about markdown-preview

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert Markdown to HTML for browser preview?▼

Convert Markdown to browser-ready HTML by passing your content to this Skill; it generates a self-contained HTML file with embedded syntax highlighting and automatically opens it in your default browser for instant preview.

Can I preview Mermaid diagrams alongside Markdown content?▼

Yes. This Skill renders Mermaid diagrams embedded in Markdown with single-pass validation, converting them to HTML graphics that display in the browser preview alongside highlighted code blocks and formatted text.

What file formats does the Markdown preview support?▼

The Skill processes Markdown and plain text files, rendering them as HTML with syntax-highlighted code blocks and embedded Mermaid diagram support for architecture, flowchart, and sequence diagram visualization.

Does the HTML preview work across Windows, Mac, and Linux?▼

Yes. The Skill generates self-contained HTML with embedded libraries and handles cross-platform temporary file management, automatically opening previews in your default browser on Windows, Mac, and Linux.

Is the generated HTML suitable for sharing documentation or design reviews?▼

Yes. The Skill produces self-contained, professionally styled HTML files with built-in syntax highlighting and Mermaid rendering—ideal for sharing technical documentation, architecture diagrams, and design review materials without external dependencies.

What security measures are included in the HTML output?▼

The generated HTML implements Content Security Policy (CSP) security standards while embedding all required libraries, ensuring previews are safe to open and share without external resource dependencies.