skills.rest
hotriluan
hotriluanCOMMUNITY
Explore all skills by this author →
GitHub

ck:markdown-novel-viewer

Renders Markdown files and folders as a browsable, book-like web interface with syntax highlighting.

1|Updated Mar 5, 2026
Search Tags:#markdown#mermaid#navigation#reading#http#viewer
One-click install
npx skills add https://github.com/hotriluan/alkana_web --skill ck-markdown-novel-viewer-hotriluan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:markdown-novel-viewer
Source: https://github.com/hotriluan/alkana_web/tree/main/.opencode/skills/markdown-novel-viewer
Command: npx skills add https://github.com/hotriluan/alkana_web --skill ck-markdown-novel-viewer-hotriluan

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

View Markdown content in a distraction-free, book-like reading experience served over HTTP.

Core Features & Use Cases

  • Book-like reading experience: serif fonts and warm theme for long-form content.
  • Directory browsing: preview and navigate Markdown projects as a list of files and folders.
  • Markdown rendering enhancements: syntax highlighting and optional Mermaid diagrams.

Quick Start

Run the server with a Markdown file path and open the URL.

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 clean, book-like interface over HTTP?▼

To view Markdown files in a book-like interface over HTTP, provide a file or directory path to the server, which parses frontmatter and renders content using serif fonts and a warm theme for distraction-free reading.

Can I browse a directory of Markdown files and navigate folders served over HTTP?▼

Yes, you can browse directory folders over HTTP by passing a directory path, which generates a navigable list of files and folders for previewing Markdown projects directly in your browser.

Does this Markdown viewer support syntax highlighting and Mermaid diagrams?▼

The Markdown viewer supports syntax highlighting using highlight.js and optional Mermaid diagram rendering, enhancing code blocks and visual diagrams within the book-like reading experience.

How is frontmatter parsed when rendering Markdown content over HTTP?▼

Frontmatter is parsed using gray-matter during the Markdown rendering process, extracting metadata from your files before serving the content as a clean, book-like HTML page over HTTP.

What is the best way to read long-form Markdown content without distractions?▼

The best way to read long-form Markdown content without distractions is using a viewer that applies serif fonts and a warm theme, rendering files over HTTP for a calm, book-like experience.

Do I need marked and highlight.js dependencies to serve Markdown over HTTP?▼

Yes, the server relies on marked for Markdown rendering and highlight.js for syntax highlighting, along with gray-matter for frontmatter parsing, to deliver the final HTML view over HTTP.

Related Skills

Explore More Content & Communication Skills→
vuminhieuvuminhieu

markdown-novel-viewer

Render Markdown files and directories via a lightweight HTTP server.

Community
Intermediate
grandameniumgrandamenium
88

upstream-sync

Check cortextOS framework upstream changes, summarize diffs, and require approval before applying.

Community
Advanced
nist0nist0

mermaid

Create, verify, and render Mermaid diagrams in GitHub Markdown files.

Community
Advanced
BrunoAMSilvaBrunoAMSilva

markdown-to-html

Convert Markdown files to sanitized HTML with templates.

Community
Intermediate