One-click install
npx skills add https://github.com/MinhHoangDono/antigravity-kit --skill ck-markdown-novel-viewer-minhhoangdono
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ck:markdown-novel-viewer
Source: https://github.com/MinhHoangDono/antigravity-kit/tree/main/.agent/skills/markdown-novel-viewer
Command: npx skills add https://github.com/MinhHoangDono/antigravity-kit --skill ck-markdown-novel-viewer-minhhoangdono

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 solves the friction of reading long Markdown content by turning local .md files (or folders of them) into a calm, book-like web reader with navigation and focus-friendly UI.

Core Features & Use Cases

  • Distraction-free novel reader UI: Warm theme, serif typography, progress bar, and an auto-hiding header for long-form reading.
  • Mermaid diagram rendering: Converts fenced mermaid code blocks into diagrams and shows readable errors with source preview when rendering fails.
  • Directory browsing for documentation: Browse a folder of files with clickable links, and jump into any Markdown document quickly.
  • Plan-aware navigation: Detects plan.md structures, provides an accordion sidebar with phase status, and supports previous/next navigation across phases.

Quick Start

Start a local HTTP server to preview a Markdown file by running: node .claude/skills/markdown-novel-viewer/scripts/server.cjs --file ./README.md --open

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 read local Markdown files like a distraction-free book?

You can read local Markdown files like a book by hosting them through a local HTTP reader that renders .md content into a focused, themed HTML page with serif typography and an auto-hiding header.

Can I render mermaid diagrams inside Markdown documentation preview?

Yes, rendering mermaid diagrams during Markdown documentation preview is supported. The reader converts fenced mermaid code blocks into visual diagrams and displays readable errors with source preview if rendering fails.

How do I browse a directory of Markdown files with phase navigation?

To browse a directory of Markdown files with phase navigation, the reader provides directory browsing with clickable links and detects plan.md structures to generate an accordion sidebar with previous and next navigation across phases.

Do I need npm dependencies to preview Markdown files locally?

Yes, npm dependencies are required to preview Markdown files locally. You need the marked, highlight.js, and gray-matter packages installed to support rendering, syntax highlighting, and frontmatter parsing.

What is the best way to securely handle file paths when hosting a local Markdown reader?

The best way to handle file paths securely when hosting a local Markdown reader is to use secure file-path handling for /view and /browse routes, preventing unauthorized directory traversal outside your intended content folder.

Does the local Markdown reader support syntax highlighting for code blocks?

Yes, the local Markdown reader supports syntax highlighting for code blocks. It uses the highlight.js dependency to render fenced code snippets with appropriate syntax coloring within the themed HTML output.