ck:markdown-novel-viewer

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

Updated May 10, 2026

Search Tags:#documentation #markdown #mermaid #local server #syntax highlighting #viewer #directory browser

Ready to run

npx skills add https://github.com/dthuy62/kollet-app --skill ck-markdown-novel-viewer-dthuy62

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ck:markdown-novel-viewer
Source: https://github.com/dthuy62/kollet-app/tree/main/.opencode/skills/markdown-novel-viewer
Command: npx skills add https://github.com/dthuy62/kollet-app --skill ck-markdown-novel-viewer-dthuy62

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Turn raw markdown files and project folders into a calm, readable local web viewer so long documents are easier to review, navigate, and share.

Core Features & Use Cases

View markdown in a novel-style interface with theme switching, font controls, progress tracking, keyboard shortcuts, and distraction-free reading.
Browse directories and open related files through a secure HTTP server with markdown rendering, image resolution, syntax highlighting, and Mermaid diagram support.
Use it for README previews, documentation review, reports, project plans, and diagram-heavy notes where fast local inspection matters.

Quick Start

Ask the markdown novel viewer skill to open the target markdown file or folder and display it in the calm browser.

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 locally with syntax highlighting and Mermaid diagram support?▼

This viewer serves markdown files through a local HTTP server, applying syntax highlighting and Mermaid rendering to transform raw files into a readable web interface. It handles README previews, long-form notes, and diagram-rich reports directly in your browser.

Can I browse a directory of markdown documentation files through a local web server?▼

Yes, you can browse markdown directories through a secure local HTTP server with built-in path-safety checks. It provides navigation controls to open related files and folders while rendering markdown content into a readable web interface.

Do I need Node.js to run a local markdown viewer with Mermaid rendering?▼

Yes, Node.js is required because this markdown viewer relies on a local HTTP server to parse files and render Mermaid diagrams. The server environment handles markdown parsing, syntax highlighting, and secure file serving.

What is the best way to preview README files and project plans in a distraction-free reading interface?▼

Using a novel-style markdown viewer provides theme switching, font controls, progress tracking, and keyboard shortcuts for previewing README files and project plans. This creates a distraction-free reading interface optimized for long-form documentation.

Does the markdown viewer support syntax highlighting for code blocks in documentation?▼

Yes, the markdown viewer supports syntax highlighting for code blocks in documentation by integrating highlight libraries. It renders code snippets clearly alongside Mermaid diagrams, making technical reports and notes easier to review locally.