mdpreview

Render Markdown files with live-reloading and margin annotations.

41|3|Updated Jan 2, 2026
One-click install
npx skills add https://github.com/tdimino/claude-code-minoan --skill mdpreview
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mdpreview
Source: https://github.com/tdimino/claude-code-minoan/tree/main/skills/planning-productivity/mdpreview
Command: npx skills add https://github.com/tdimino/claude-code-minoan --skill mdpreview

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a polished, live-updating preview of Markdown files, enabling rich annotation and collaborative review directly within the editor.

Core Features & Use Cases

  • Live Reloading: Automatically refreshes the preview as you type.
  • Margin Annotations: Add comments, questions, suggestions, and bookmarks directly to the document.
  • Use Case: When writing documentation or a technical design document, use this Skill to preview your Markdown in real-time, add notes to specific sections, and share it with collaborators for feedback.

Quick Start

Preview the file 'README.md' using the mdpreview skill.

Frequently Asked Questions about mdpreview

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

FAQPage Schema
How do I preview Markdown files with live reload while editing documentation?

You can preview Markdown files with live reload by rendering them in a multi-tab interface that automatically refreshes the view as you type, enabling real-time document previewing and collaborative editing without manual page reloads.

Can I add annotations and comments directly to a Markdown document for collaborative review?

Yes, you can add rich margin annotations directly to the Markdown document, allowing you to create comments, questions, suggestions, and bookmarks for specific sections to facilitate detailed feedback cycles and collaborative review.

What is the best way to manage feedback cycles on a technical design document written in Markdown?

The best way to manage feedback cycles is using a live preview tool that supports interactive annotation creation and resolution, allowing collaborators to leave detailed feedback directly in the document margins alongside the rendered text.

How do I programmatically create or resolve annotations in a Markdown file via CLI?

You can programmatically manage annotations via CLI commands to create, resolve, and interact with document feedback, enabling automated annotation workflows and integration into larger documentation pipelines.

Does this live Markdown preview tool support multiple files or tabs simultaneously?

Yes, the live Markdown preview tool includes multi-tab support, allowing you to render and switch between multiple Markdown files simultaneously for efficient side-by-side document editing and previewing.