skills.rest
haidonglethqb
haidonglethqbCOMMUNITY
Explore all skills by this author →
GitHub

ck:markdown-novel-viewer

Serve Markdown files as a book-like HTML interface over HTTP.

Updated Feb 27, 2026
Search Tags:#documentation#markdown#mermaid#syntax-highlighting#viewer#http-server
One-click install
npx skills add https://github.com/haidonglethqb/CloudSchool --skill ck-markdown-novel-viewer-haidonglethqb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:markdown-novel-viewer
Source: https://github.com/haidonglethqb/CloudSchool/tree/main/.qwen/skills/markdown-novel-viewer
Command: npx skills add https://github.com/haidonglethqb/CloudSchool --skill ck-markdown-novel-viewer-haidonglethqb

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires marked, highlight.js, gray-matter.

What problem does it solve?

View Markdown files in a calm, distraction-free interface served over HTTP, enabling focused reading and easy sharing of documentation without local tooling.

Core Features & Use Cases

  • Background HTTP server renders Markdown content to HTML with a book-like theme.
  • Directory browser lets you explore projects and nav between files.
  • Code highlighting, Mermaid diagrams, and image support for rich documentation.
  • Keyboard shortcuts and accessible UI for efficient reading and navigation across large docs.

Quick Start

Start the viewer by pointing it at a Markdown file or a folder, then open the provided URL to begin reading.

Frequently Asked Questions about ck:markdown-novel-viewer

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

FAQPage Schema
How do I view Markdown files in a distraction-free interface over HTTP?▼

To view Markdown files over HTTP, you can use a local viewer that renders content to a calm, book-like HTML theme. Simply point the viewer at a file or folder and open the provided URL to begin reading.

What is the best way to read long-form Markdown documentation with Mermaid diagrams?▼

The best way to read long-form Markdown documentation is using a dedicated viewer that supports Mermaid diagrams and syntax highlighting. This renders your notes into a focused, book-like UI for efficient reading.

Do I need Node.js and npm dependencies to serve Markdown content locally?▼

Yes, you need a local Node.js environment with npm dependencies like marked, highlight.js, and gray-matter to serve Markdown content locally. These packages handle rendering, code highlighting, and frontmatter parsing.

Can I navigate across multiple Markdown files and folders in a project?▼

Yes, you can navigate across multiple Markdown files and folders using the built-in directory browser. This allows you to explore entire projects and move between documents seamlessly within the viewer.

Why does my Markdown viewer require frontmatter-driven titles for rendering?▼

Your Markdown viewer requires frontmatter-driven titles because it uses the gray-matter dependency to parse metadata at the top of your files. This ensures proper document structuring and accurate navigation.

Related Skills

Explore More Content & Communication Skills→
PhucMPhamPhucMPham

markdown-novel-viewer

Render Markdown files and directories via an HTTP server.

Community
Advanced
glitternetworkglitternetwork
1

pinme-share

Create a standalone HTML share page and publish it via PinMe.

Official
Intermediate
dthuy62dthuy62

ck:markdown-novel-viewer

Serve markdown files and folders as a local web viewer with Mermaid rendering.

Community
Advanced
vuminhieuvuminhieu

markdown-novel-viewer

Render Markdown files and directories via a lightweight HTTP server.

Community
Intermediate