Generate self-contained HTML pages with Mermaid diagrams and styled tables.
npx skills add https://github.com/Clinscott/CStar --skill visual-explainer-clinscott
Please help me install this Agent Skill. Skill: visual-explainer Source: https://github.com/Clinscott/CStar/tree/main/skills_db/visual-explainer Command: npx skills add https://github.com/Clinscott/CStar --skill visual-explainer-clinscott
Generate beautiful, self-contained HTML pages that visually explain systems, code changes, plans, and data. Use when the user asks for a diagram, architecture overview, diff review, plan review, project recap, comparison table, or any visual explanation of technical concepts. Also use proactively when you are about to render a complex ASCII table (4+ rows or 3+ columns) — present it as a styled HTML page instead.
Generate an HTML diagram for the current architecture.
High-intent search queries and answers about installing and using this skill.
To generate an HTML architecture diagram, this Skill converts your text descriptions into self-contained HTML pages using Mermaid, rendering diagrams, overviews, and plans directly in the browser without external dependencies.
The best way to visualize complex ASCII tables is to render them as styled HTML pages. This Skill proactively converts tables with 4+ rows or 3+ columns into responsive CSS-based HTML layouts for improved readability.
Yes, you can create an interactive slide deck or dashboard from a single HTML file. The Skill produces self-contained HTML pages with optional slide decks, consistent theming, and CSS-based layouts.
You can review code diffs visually by generating a self-contained HTML page. The Skill processes diff reviews and project recaps, presenting them as styled HTML layouts rendered entirely in the browser.
Yes, this HTML visualization approach supports Mermaid diagrams and data tables together. It generates single-file HTML pages that combine Mermaid for diagrams with CSS-based layouts for tables, plans, and recaps.
You should not use self-contained HTML pages when you need dynamic server-side data fetching or live external dependencies, as the Skill outputs single-file HTML pages designed for static browser rendering.
phrazzldGenerate self-contained HTML diagrams from system descriptions using Mermaid.
haryelramalhoGenerate self-contained HTML pages with Mermaid and Chart.js diagrams.
salexandr0sConvert terminal output into self-contained HTML pages with Mermaid diagrams.
ivanov-iConvert terminal outputs into self-contained HTML pages with Mermaid diagrams.
