markdown-novel-viewer

Render Markdown documents in a book-like HTTP viewer.

Updated Mar 29, 2026
One-click install
npx skills add https://github.com/mchien15/wrenai --skill markdown-novel-viewer-mchien15
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: markdown-novel-viewer
Source: https://github.com/mchien15/wrenai/tree/main/.claude/skills/markdown-novel-viewer
Command: npx skills add https://github.com/mchien15/wrenai --skill markdown-novel-viewer-mchien15

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires marked, highlight.js, gray-matter, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

Markdown readers often struggle with long-form content or scattered docs; this tool renders Markdown into a distraction-free, book-like reading experience served over HTTP.

Core Features & Use Cases

  • Background HTTP server renders Markdown files with a calm, book-like interface.
  • Directory browser for quick previews and navigation of plans, documents, and notes.
  • Mermaid diagrams and code highlighting for technical documentation and plans.

Quick Start

Start the viewer with a Markdown file path using node server.cjs --file ./path/to/file.md.

Frequently Asked Questions about markdown-novel-viewer

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

FAQPage Schema
How do I view Markdown files as a book-like document over HTTP?

Yes, a local HTTP server can render Markdown files with a calm, book-like interface, allowing you to read long-form content over local or network access. It serves as a distraction-free viewer for documentation and project notes.

Does this Markdown viewer support Mermaid diagrams and syntax highlighting?

Yes, the Markdown viewer supports Mermaid diagrams and code highlighting, enabling technical documentation and project plans to render correctly. It implements a self-contained rendering pipeline to process these features.

How do I navigate between multiple Markdown documents in a directory?

You can navigate between documents using the directory browser feature, which allows quick previews and navigation of plans, documents, and notes. This enables fast switching between Markdown files without leaving the viewer interface.

What is the best way to preview long-form Markdown novels locally?

The best way to preview long-form Markdown novels locally is using an HTTP-based viewer that renders documents into a book-like reading experience. This tool provides TOC generation and image path resolution for a distraction-free interface.

How do I start an HTTP server to render a Markdown file?

To start the HTTP server and render a Markdown file, execute `node server.cjs --file ./path/to/file.md`. This command launches the local viewer, serving the specified document with TOC generation and syntax highlighting.

Does the Markdown viewer handle image path resolution for local files?

Yes, the viewer implements image path resolution within its self-contained rendering pipeline. This ensures that images referenced in Markdown files display correctly when previewed over the HTTP server.