skills.rest
TNHoang2708
TNHoang2708COMMUNITY
Explore all skills by this author →
GitHub

ck:preview

Generate visual explanations, slides, diagrams, and ASCII art from files and directories.

1|Updated Jun 16, 2026
Search Tags:#markdown#preview#diagram#viewer#visual generator
One-click install
npx skills add https://github.com/TNHoang2708/Gym_Ver2 --skill ck-preview-tnhoang2708
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ck:preview
Source: https://github.com/TNHoang2708/Gym_Ver2/tree/main/.claude/skills/preview
Command: npx skills add https://github.com/TNHoang2708/Gym_Ver2 --skill ck-preview-tnhoang2708

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires markdown, mermaid, python, pandas, matplotlib, numpy, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a universal viewer and visual generator, allowing users to easily view files and directories or generate visual explanations, slides, diagrams, and more.

Core Features & Use Cases

  • Universal Viewer: View files and directories in various formats.
  • Visual Generator: Generate visual explanations, slides, diagrams, and ASCII art.
  • Use Case: Imagine you have a complex system architecture document. Use this Skill to generate a visual diagram that helps you understand the system's structure at a glance.

Quick Start

Use the ck:preview skill to view the contents of the directory '/path/to/directory'.

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 and complex system architecture documents?▼

You can generate visual diagrams from markdown by using the visual generator to render Mermaid diagrams, slides, and ASCII art from complex system architecture documents.

Can I preview files and directories directly in various formats?▼

Yes, you can preview files and directories directly through the universal viewer, which supports various file formats and renders markdown content into readable visual outputs.

Do I need Python libraries to render Mermaid diagrams and markdown previews?▼

Yes, rendering Mermaid diagrams and markdown previews requires Python libraries including pandas, matplotlib, and numpy for processing data and generating visual outputs.

What is the best way to create visual explanations and slides from directory contents?▼

The best way to create visual explanations and slides is using the visual generator, which structures file and directory data into readable visual formats like diagrams and ASCII art.

Does the visual generator work with matplotlib and numpy for data visualization?▼

Yes, the visual generator works with matplotlib and numpy dependencies to process numerical data and render visual explanations, supporting data-driven diagrams and markdown visualizations.

Related Skills

Explore More Software Engineering Skills→
RamanEbrahimiRamanEbrahimi
3

exploratory-data-analysis

Analyze scientific data files and generate markdown reports.

Community
Advanced
mirmir

google-docs-sheets

Export Google Docs and Sheets content as Markdown.

Community
Advanced
majesticlabs-devmajesticlabs-dev
47

mermaid-builder

Generate syntactically valid Mermaid diagrams for flowcharts, sequence, class, state, Gantt, ER, and data lineage.

Official
Advanced
jmolzjmolz

data-visualization

Generate data visualizations with matplotlib, seaborn, and plotly.

Community
Intermediate