skills.rest
DatTran26
DatTran26COMMUNITY
Explore all skills by this author →
GitHub

ck:preview

Preview files and directories and generate visual explanations from Markdown or HTML.

Updated Apr 9, 2026
Search Tags:#markdown#html#preview#visualization#slides#diagrams
One-click install
npx skills add https://github.com/DatTran26/KienTruThiHanh --skill ck-preview-dattran26
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:preview
Source: https://github.com/DatTran26/KienTruThiHanh/tree/main/.agents/skills/preview
Command: npx skills add https://github.com/DatTran26/KienTruThiHanh --skill ck-preview-dattran26

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

ck:preview provides a unified way to quickly inspect files and directories and to generate rich visual explanations, slides, and diagrams from Markdown or standalone HTML.

Core Features & Use Cases

  • View files and directories in a novel-reader UI
  • Generate visual explanations (ASCII, diagrams, slides) from Markdown or HTML
  • Produce self-contained HTML exports for sharing or presentations
  • Use cases include repo exploration, documentation previews, and topic-based visual storytelling

Quick Start

Preview a path or topic with modes to view content or generate visuals.

Frequently Asked Questions about ck:preview

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

FAQPage Schema
How do I preview Markdown files as visual diagrams or slides?▼

You can preview Markdown files as visual diagrams or slides by using ck:preview to generate visual explanations from Markdown or HTML. The tool supports view and export workflows via mode flags to quickly inspect content and produce self-contained HTML exports for sharing or presentations.

What is the best way to inspect files and directories by path?▼

The best way to inspect files and directories by path is using ck:preview, which provides a unified way to quickly inspect content. It supports a novel-reader UI for viewing files and directories for rapid communication and repo exploration.

Can I generate self-contained HTML exports from Markdown for presentations?▼

Yes, you can generate self-contained HTML exports from Markdown for presentations. ck:preview produces self-contained HTML exports for sharing or presentations, allowing you to create visual explanations, slides, and diagrams from Markdown content.

Does ck:preview work with standalone HTML files for visual storytelling?▼

Yes, ck:preview works with standalone HTML files for visual storytelling. It generates visual explanations, slides, and diagrams from Markdown or standalone HTML, supporting topic-based visual storytelling and documentation previews.

How do I use mode flags to view content or generate visuals?▼

You use mode flags to view content or generate visuals by specifying the desired mode when previewing a path or topic with ck:preview. The tool supports view and export workflows via mode flags, allowing you to quickly inspect content or generate visual explanations.

Related Skills

Explore More Content & Communication Skills→
okwindsokwinds
50

repo-deep-dive-report

Generate structured Markdown and HTML repository reviews with Mermaid diagrams.

Community
Basic
EdgeHuntEdgeHunt

ck:preview

Generate visual explanations, slides, or diagrams from Markdown or HTML.

Official
Intermediate
mattbeard0mattbeard0

obsidian-markdown

Create and edit Obsidian Markdown notes with wikilinks, embeds, and callouts.

Community
Basic
quanganh208quanganh208

ck:preview

View files and directories or generate slides, diagrams, and ASCII from Markdown or HTML.

Community
Advanced