Convert terminal outputs into self-contained HTML pages with Mermaid diagrams.
npx skills add https://github.com/ivanov-i/dots --skill visual-explainer-ivanov-i
Please help me install this Agent Skill. Skill: visual-explainer Source: https://github.com/ivanov-i/dots/tree/main/codex/skills/visual-explainer Command: npx skills add https://github.com/ivanov-i/dots --skill visual-explainer-ivanov-i
Converts complex terminal outputs into self-contained HTML pages that communicate architecture, diffs, and data in a browser-friendly format.
Invoke the skill on a terminal output and open the resulting HTML in a browser to view a visual explanation.
High-intent search queries and answers about installing and using this skill.
You can convert complex terminal outputs into self-contained HTML pages by applying visualization processing that uses Mermaid for graphs and CSS Grid for layout. The generated files are saved locally and opened directly in a browser for sharing and offline viewing.
Visualizing architecture diagrams from terminal data is best handled by generating self-contained HTML pages using Mermaid graphs and CSS Grid layouts. This approach renders complex systems as visual HTML artifacts, eliminating the need to chase ASCII boxes during system reviews.
Yes, you can generate visual diff and plan reviews by converting terminal outputs into HTML pages. The process creates before and after panels, state machines, and KPI dashboards to support design reviews and release planning directly in a browser-friendly format.
No external dependencies are required to render Mermaid diagrams and HTML tables. The pipeline generates a self-contained HTML document stored locally, such as under the ~/.agent/diagrams/ directory, which can be opened in any standard browser without needing additional setup.
To visualize system data for design reviews, the pipeline applies CSS Grid for layout and HTML tables for data, rendering terminal outputs as visual HTML artifacts. You invoke the process on a terminal output and open the resulting HTML file in a browser.
Generated HTML architecture diagrams are stored locally under the ~/.agent/diagrams/ directory. These self-contained HTML documents can be opened in a browser for offline viewing and shared with teams for collaborative system reviews.
rp1-runConvert Markdown, plain text, and Mermaid diagrams into self-contained HTML previews.
lolwierdGenerate self-contained HTML diagrams from textual prompts and open them in the browser.
abudhahirGenerate self-contained HTML pages from terminal output with Mermaid.js and Chart.js.
ObservatoriodomosGenerate self-contained HTML pages that visually explain complex technical information.
