{"skill":{"slug":"visual-explainer","displayName":"Visual Explainer","summary":"Generate beautiful, self-contained HTML pages that visually explain systems, code changes, plans, and data. Use when the user asks for a diagram, architectur...","tags":{"latest":"1.0.0"},"stats":{"comments":0,"downloads":281,"installsAllTime":6,"installsCurrent":6,"stars":0,"versions":1},"createdAt":1773679715132,"updatedAt":1777620259957},"latestVersion":{"version":"1.0.0","createdAt":1773679715132,"changelog":"Initial release of Visual Explainer skill — generates visually rich HTML explanations for technical content.\n\n- Automatically creates self-contained HTML pages for diagrams, architecture overviews, data tables, and visual technical explanations, replacing ASCII art.\n- Proactively renders tables as HTML when they have 4+ rows or 3+ columns, instead of ASCII.\n- Offers multiple design aesthetics (Blueprint, Editorial, Paper/ink, Monochrome terminal, IDE-inspired, Data-dense); certain generic or \"AI-slop\" styles are forbidden.\n- Integrates Mermaid.js for flowcharts, diagrams, and connects visuals with matching page themes.\n- Provides workflow guidance and references for choosing layout types and aesthetics.\n- Ensures output is always viewable in a browser and communicates file paths to users.","license":"MIT-0"},"metadata":null,"owner":{"handle":"bengii","userId":"s171fb6yfp8ms1bz5rh4102zb183gs5j","displayName":"bengii","image":"https://avatars.githubusercontent.com/u/14150418?v=4"},"moderation":null}