ck:preview

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

Updated Apr 2, 2026
One-click install
npx skills add https://github.com/EdgeHunt/EdgeHunt --skill ck-preview-edgehunt
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ck:preview
Source: https://github.com/EdgeHunt/EdgeHunt/tree/main/.claude/skills/preview
Command: npx skills add https://github.com/EdgeHunt/EdgeHunt --skill ck-preview-edgehunt

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

View and explore repository content by quickly viewing files/directories and generating visual explanations, slides, or diagrams from Markdown or self-contained HTML.

Core Features & Use Cases

  • View files/directories
  • Generate visual explanations (ASCII, Mermaid, diagrams)
  • Create HTML slide decks or self-contained diagrams for documentation

Quick Start

Provide a topic to generate a visual explanation.

Frequently Asked Questions about ck:preview

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

FAQPage Schema
How do I generate visual diagrams from Markdown files?

To generate visual diagrams from Markdown, provide a topic to the tool and it will create visual explanations, ASCII art, or Mermaid diagrams based on the frontmatter and generation modes defined in your repository files.

Can I create HTML slide decks from Markdown content automatically?

Yes, you can create HTML slide decks from Markdown content automatically by specifying a topic, which processes the Markdown and exports a self-contained HTML output suitable for documentation or presentations.

What is the best way to visualize a codebase directory structure?

The best way to visualize a codebase directory structure is to use the file viewing feature, which quickly explores repository content and generates visual explanations of files and directories for easier codebase navigation.

Do I need any external dependencies to export self-contained HTML outputs?

No, you do not need any external dependencies to export self-contained HTML outputs, as the tool operates independently using internal references and frontmatter configuration to determine output modes without additional packages.

How does the tool determine which output mode to use for visualization?

The tool determines the visualization output mode by reading the frontmatter in SKILL.md and the configuration specified in references/generation-modes.md to accurately decide whether to generate diagrams, slides, or explanations.

Why are my generated slides not reflecting the specified topic?

Generated slides may not reflect the specified topic if the frontmatter in SKILL.md or the settings in references/generation-modes.md are incorrectly configured, as these files strictly control the output topics and modes.