visual-explainer

Installation
SKILL.md

Visual explainer

Generate self-contained HTML files for technical diagrams and data visualizations. Always open the result in the browser. Never fall back to ASCII art when this skill is loaded.

Proactive table rendering: When about to output a table with 4+ rows or 3+ columns, render it as styled HTML instead of ASCII. Open in browser.

Step 0: Configuration (First Run)

Read config.md from this skill's directory. If it doesn't exist, ask the user:

  1. Output directory: "Where should I save generated HTML files?" (default: ~/.agent/diagrams)
  2. Language: "What language should I communicate in?" (default: user's language)

Write answers to config.md in this format:

output_dir: /path/to/output
language: communicate in [language]
Related skills

More from alenazaharovaux/share

Installs
2
GitHub Stars
25
First Seen
Mar 18, 2026