#118 · Primary category： AI Coding Assistants
visual-explainer
Agent skill that generates rich HTML pages or slide decks for diagrams, diff reviews, plan audits, data tables, and project recaps
Project last updated：08/28/26
GitHub Stars
9.6K
Forks
642
Contributors
5
License
MIT
Why we included this project
Every coding agent defaults to ASCII art when you ask for a diagram, and anyone who has tried to read a fifteen-row requirements table rendered as terminal pipes knows how quickly that stops being useful. This skill gives the agent a way out: it produces a self-contained HTML page with real typography, dark and light themes, and zoomable Mermaid diagrams that open straight in your browser. It works as a Claude Code plugin and also drops into Codex CLI, OpenCode, Cursor, and Pi, with slash commands covering the common chores like diff review, plan review, and project recap. No build step, no dependencies beyond a browser.
Articles for this project
No articles for this project yet.
To suggest a topic or contribute an article, contact us.
Related projects in this category
superpowers
An agentic skills framework & software development methodology that works.
ECC
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
skills
Skills for Real Engineers. Straight from my .agents directory.
opencode
The open source coding agent.
andrej-karpathy-skills
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.