preview

Preview files and generate visual explanations, slides, and diagrams.

1|1|Updated Jan 15, 2026
One-click install
npx skills add https://github.com/Thanh-apero/apero-kit-cli --skill preview-thanh-apero
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: preview
Source: https://github.com/Thanh-apero/apero-kit-cli/tree/main/templates/skills/preview
Command: npx skills add https://github.com/Thanh-apero/apero-kit-cli --skill preview-thanh-apero

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires mermaid, markdown-novel-viewer, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies accessing and visualizing files, as well as creating explanations, slides, and diagrams from them.

Core Features & Use Cases

  • Universal Viewer: Offers a versatile way to preview files and directories.
  • Visual Explanations: Automatically generates text and visual explanations based on a topic.
  • Slides: Creates presentation slides with one concept per slide.
  • Diagrams: Produces architecture diagrams.
  • ASCII Art: Generates ASCII art diagrams for terminal use.
  • Use Case: When you need to quickly present a complex concept or review files within an AI system.

Quick Start

Invoke the preview skill by simply providing a file or directory path, or specify one of the generation flags like --explain, --slides, --diagram, or --ascii with a topic.

Frequently Asked Questions about preview

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

FAQPage Schema
How do I preview files and generate visual explanations for complex topics?

You can preview files and generate visual explanations by passing a file path or using flags like --explain with a topic to automatically produce visual summaries, slides, or diagrams.

What's the best way to create presentation slides and architecture diagrams from existing files?

The best way to create presentation slides and architecture diagrams from files is by invoking specific generation modes like --slides for one-concept-per-slide outputs or --diagram for architecture visualization.

Do I need Mermaid and markdown-novel-viewer to generate diagrams and file previews?

Yes, you need Mermaid to handle diagram rendering and markdown-novel-viewer for file previews, as these dependencies are strictly required for the visual generation and viewing process to operate correctly.

Can I generate ASCII art diagrams for terminal use from a specific topic?

Yes, you can generate ASCII art diagrams for terminal use by invoking the --ascii flag along with your specific topic, producing terminal-compatible visual outputs without graphical rendering.

Does this universal file viewer support both directory previews and automatic visual explanations?

Yes, the universal file viewer supports both directory previews and automatic visual explanations, allowing you to review entire directory structures or generate detailed visual summaries on demand.

When should I use ASCII art diagrams instead of standard architecture diagrams?

You should use ASCII art diagrams instead of standard architecture diagrams when operating in terminal environments without graphical rendering capabilities, utilizing the --ascii flag for text-based visual outputs.