← ClaudeAtlas

markdown-previewlisted

Generate browser-viewable HTML previews from markdown, plain text, and Mermaid diagrams. Auto-validates, styles, and opens in browser.
rp1-run/rp1 · ★ 38 · Code & Development · score 77
Install: claude install-skill rp1-run/rp1
# Markdown Preview Generator — Browser-Ready HTML from Markdown Generate self-contained HTML files from markdown content and automatically open them in the user's default browser. ## What This Skill Does - Accepts GitHub-flavored markdown, plain text, and Mermaid diagrams - Validates all Mermaid diagrams in document at once (single validation pass) - Generates single-page HTML with embedded libraries (marked.js, Prism.js, Mermaid.js) - Applies professional styling (GitHub-style, dark mode, or minimal) - Saves HTML to system temp directory with unique filename - Auto-opens preview in default browser (cross-platform: macOS, Linux, Windows) - Returns file path and execution status ## When to Use Use this skill when you need to: - Preview markdown documentation in a browser - Visualize Mermaid diagrams with proper rendering - Generate formatted HTML reports for users - Display code blocks with syntax highlighting - Create professional previews of generated content **Trigger scenarios**: markdown preview, HTML generation, browser preview, document visualization, diagram rendering. ## Parameters | Parameter | Type | Required | Default | Description | |-----------|------|----------|---------|-------------| | **content** | string | Yes | - | Markdown, plain text, or Mermaid content to render | | **title** | string | No | "Markdown Preview" | HTML page title | | **theme** | string | No | "github" | Template theme: "github", "dark", or "minimal" | ## Workflow ### 1. Parse Inp