nicobailon/visual-explainer — reverse-engineered prompt

Build me an agent skill called visual explainer that turns messy terminal output into polished HTML pages I can actually read in a browser.

I want it to take things like architecture explanations, code diffs, implementation plans, requirement comparisons, project recaps, and fact checks, then render a self contained HTML page with good typography, dark and light themes, responsive layout, and interactive diagrams. Use Mermaid for flowcharts and make larger tables readable instead of dumping ASCII in the terminal. It should also support a slide deck mode for the same kinds of outputs.

Please include simple commands for generating diagrams, visual plans, slides, diff reviews, plan reviews, project recaps, and fact checks. The pages should be written to a local diagrams folder and open automatically in the browser.

Make it easy to use from common coding agent setups, especially Claude Code, Codex style tools, Pi, and Cursor rules. Keep the install flow straightforward and include the templates, prompts, and any extension wiring needed. Look up current agent plugin docs online if you need to.