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.