skills.rest
khapn-2933
khapn-2933COMMUNITY
Explore all skills by this author →
GitHub

tkm:markdown-novel-viewer

Renders markdown files as a book-like reader via HTTP server using npm dependencies.

Updated May 13, 2026
Search Tags:#markdown#reader#browser viewer#book-like theme#document presentation
One-click install
npx skills add https://github.com/khapn-2933/agentic-coding-hands-on --skill tkm-markdown-novel-viewer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tkm:markdown-novel-viewer
Source: https://github.com/khapn-2933/agentic-coding-hands-on/tree/main/.claude/skills/markdown-novel-viewer
Command: npx skills add https://github.com/khapn-2933/agentic-coding-hands-on --skill tkm-markdown-novel-viewer

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a user-friendly interface for viewing markdown files in a book-like reader, making it ideal for documents that deserve to be read properly.

Core Features & Use Cases

  • Markdown Reader: Serve markdown files in a browser reader with serif fonts and warm themes.
  • Universal Viewer: Supports both individual markdown files and directories for browsing multiple files.
  • Use Case: Ideal for viewing long-form content, plans, specifications, documentation, and journals.

Quick Start

To view a markdown file, use the command: /tkm:markdown-novel-viewer --file ./path/to/file.md

Frequently Asked Questions about tkm: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 browser with a book-like reading theme?▼

This Skill renders markdown files to a book-like reader via an HTTP server, providing a calm reading space with serif fonts and warm themes. It serves both individual files and directories directly in your browser.

Do I need to install npm dependencies to render markdown documents?▼

Yes, you need to install the npm dependencies marked, highlight.js, and gray-matter to render markdown documents. These libraries handle markdown parsing, code syntax highlighting, and frontmatter extraction for the viewer.

Can I use a markdown reader to browse multiple documentation files in a directory?▼

Yes, this markdown reader supports serving directories to browse multiple documentation files. The universal viewer allows you to navigate and read multiple markdown files through the HTTP server interface.

What is the best way to present long-form markdown content for calm reading?▼

Presenting long-form markdown content for calm reading is best achieved using a dedicated viewer that serves documents via HTTP with a book-like theme. This approach is ideal for journals, plans, and complex specifications.

Does the markdown viewer support complex formatting in documentation?▼

Yes, the markdown viewer supports complex formatting in documentation by utilizing marked and highlight.js. It accurately renders intricate document structures and code syntax within the calm reading environment.

Related Skills

Explore More Content & Communication Skills→
PhucMPhamPhucMPham

markdown-novel-viewer

Render Markdown files and directories via an HTTP server.

Community
Advanced
zzafergokzzafergok
1

markdown-to-html-skill

Convert Markdown documents to HTML using marked.js, pandoc, gomarkdown, or static site generators.

Community
Intermediate
lbliiilbliii
41

bengal-content-migration

Migrates static site and Markdown content to Bengal format.

Community
Intermediate
shekerkammashekerkamma

mermaid

Create and render Mermaid diagrams inside Markdown via fenced code blocks.

Community
Advanced