skills.rest
nicobailonnicobailonCommunity·2 Agent Skills Included

visual-explainer

Turn terminal output into beautiful HTML diagrams, slides, and reviews

Generates self-contained HTML pages that explain system architectures, code diffs, plans, and data visually. Replaces unreadable ASCII art and broken terminal tables with styled diagrams, interactive Mermaid charts, and slide decks. Works across Claude Code, Pi, Codex, Cursor, Copilot, and MCP hosts with no build step or heavy dependencies.
9,617|642
↗
npx skills add nicobailon/visual-explainer --all -g -y
Available:

Tells the AI agent to load the canonical visual-explainer skill and follow its workflow whenever the user asks for diagrams, reviews, slide decks, or comparison tables, writing output to a standard diagrams folder.

All Skills in This Repository (2)

Pure Emerald Level Indicators
📦 In Repo
nicobailonnicobailon

visual-explainer

Convert terminal output into self-contained HTML pages for browser viewing.

Community
Advanced
📦 In Repo
nicobailonnicobailon

visual-explainer

Generate self-contained HTML pages with diagrams, tables, and slide decks from technical content.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install visual-explainer?▼

Run `npx skills add nicobailon/visual-explainer --all -g -y` in your terminal to install the full skill suite globally.

What does visual-explainer do?▼

It makes your AI agent generate styled, self-contained HTML pages for diagrams, architecture overviews, diff reviews, plan reviews, and slide decks instead of messy ASCII art in the terminal.

Which AI agents work with visual-explainer?▼

It supports Claude Code, Pi, Codex CLI, Cursor, OpenCode, Antigravity, VS Code Copilot, OpenClaw, and any MCP-compatible host.

Can visual-explainer export slides to PowerPoint?▼

Yes. It includes a best-effort exporter that converts HTML slide decks into static .pptx files, though the HTML version remains the full-fidelity source.

Do I need coding skills to use visual-explainer?▼

No. You simply ask your agent in plain English for a diagram, review, or recap, and it writes and opens the finished HTML page for you.

Related Repositories in Design & Creative

View All in Design & Creative→
nextlevelbuildernextlevelbuilder
123.5k

ui-ux-pro-max-skill

AI design intelligence for professional UI, brands, and presentations

Official📦 13 Skills
shadcn-uishadcn-ui
122.7k

ui

Build and customize beautiful React component libraries with AI

Official📦 2 Skills
nexu-ionexu-io
93.2k

open-design

Open-source AI design studio for decks, prototypes, images, and video

Official📦 394 Skills