markdown-novel-viewer

Render markdown files into an HTML book-like reading interface with dark mode and Mermaid diagrams.

Updated Jan 27, 2026
One-click install
npx skills add https://github.com/Hoang130203/Emgu_CV_automation --skill markdown-novel-viewer-hoang130203
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: markdown-novel-viewer
Source: https://github.com/Hoang130203/Emgu_CV_automation/tree/main/.opencode/skills/markdown-novel-viewer
Command: npx skills add https://github.com/Hoang130203/Emgu_CV_automation --skill markdown-novel-viewer-hoang130203

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a distraction-free, book-like reading experience for markdown files and a clean interface for browsing directories, making long-form content more accessible and enjoyable.

Core Features & Use Cases

  • Novel Reading Experience: Renders markdown with a warm theme, serif fonts, and adjustable text size.
  • Directory Browser: Allows navigation and viewing of files within a directory.
  • Diagram Support: Auto-renders Mermaid.js diagrams within markdown.
  • Use Case: Perfect for reading documentation, novels, reports, or previewing markdown notes in a comfortable, focused environment.

Quick Start

Use the markdown-novel-viewer skill to view the file './plans/my-plan/plan.md' in your browser.

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 HTML interface?

This Skill renders markdown files into a book-like HTML interface by operating as a background HTTP server, providing features like dark mode, serif fonts, and adjustable text size for a distraction-free reading experience.

Can I render Mermaid diagrams within markdown documentation?

Yes, you can render Mermaid diagrams within markdown documentation. The viewer automatically processes and displays Mermaid.js diagrams directly within the rendered HTML interface alongside standard markdown formatting.

Does the markdown viewer support a dark mode for reading long-form content?

Yes, the markdown viewer supports dark mode for reading long-form content. It provides a distraction-free, book-like reading experience with adjustable text size and serif fonts to make novels and reports more accessible.

How do I browse a file system directory to find specific markdown notes?

You can browse a file system directory to find specific markdown notes using the built-in directory browser. It provides a clean interface for navigating file systems and viewing files directly within the HTTP server environment.

Do I need an HTTP server to preview markdown notes in a focused environment?

Yes, you need a background HTTP server to preview markdown notes in a focused environment. The viewer operates as a local HTTP server to render markdown files into an HTML interface with warm themes and diagram support.