vc:preview

View files or directories and generate Mermaid diagrams, slides, ASCII diagrams, or HTML recap pages.

Updated May 10, 2026
One-click install
npx skills add https://github.com/cryborg1211/quant_trading_telegram_bot --skill vc-preview
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vc:preview
Source: https://github.com/cryborg1211/quant_trading_telegram_bot/tree/main/.agents/skills/vc-preview
Command: npx skills add https://github.com/cryborg1211/quant_trading_telegram_bot --skill vc-preview

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Previewing and explaining content across files can be manual and disconnected, requiring switching tools and contexts. vc:preview provides a universal viewer plus visual generator to inspect content and produce visual explanations, slides, diagrams, ASCII art, or HTML recaps from existing content.

Core Features & Use Cases

  • View files or directories in a novel-reader UI for easy browsing
  • Generate visual explanations, Mermaid diagrams, slides, ASCII diagrams, or self-contained HTML recap pages
  • Use HTML output to share and publish artifacts in a browsable format

Quick Start

View a file or directory by path to browse content, or generate visuals by specifying a topic.

Frequently Asked Questions about vc:preview

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

FAQPage Schema
How do I generate Mermaid diagrams from existing files?

To generate Mermaid diagrams from existing files, you specify a topic or file path to activate the visual generator, which inspects the content and produces diagrams without requiring manual chart coding.

Can I view files and directories in a readable browsing interface?

Yes, you can view files and directories in a novel-reader UI, which provides an easy browsing interface to inspect directory structures and file content visually without switching contexts.

What is the best way to create self-contained HTML recap pages from content?

The best way to create self-contained HTML recap pages is to use the visual generator to process your existing content, producing browsable HTML artifacts that can be directly shared and published.

Does this tool support generating ASCII diagrams alongside visual slides?

Yes, it supports generating both ASCII diagrams and visual slides, allowing you to produce text-based or presentation-style visual explanations directly from inspected file content.

How do I create visual explanations for content without switching tools?

You create visual explanations by using the universal viewer to inspect your content, then leveraging the built-in generator to produce diagrams, slides, or HTML recaps within the same workflow.

Are there limitations when generating ASCII diagrams for complex directory structures?

While it supports viewing directories and generating ASCII diagrams, highly complex or deeply nested directory structures may produce verbose ASCII output that is difficult to read in standard text formats.