visual-explainer
Agent skill that generates rich HTML pages or slide decks for diagrams, diff reviews, plan audits, data tables, and project recaps
Install / Use
claude mcp add nicobailon -- npx -y github:nicobailon/visual-explainerIf the server publishes to npm under a different name, use that package instead — check the repo README.
MCP Server
Model Context Protocol server
Quality Score
Category
Development & EngineeringSupported Platforms
Our assessment of visual-explainer
visual-explainer scores 40/100 on our quality scale, 4360th of 4,595 Development & Engineering skills we index.
Its MCP Server is 1.7 KB long, written without headings and no code examples: moderately detailed.
It has no GitHub stars yet, so there is no community track record; judge it on its content.
Maintenance, license and trust
- We could not determine when the repository was last updated.
- No license is declared. By default that means all rights are reserved: you can read it, but reusing or redistributing it is not clearly permitted. Ask the author before building on it commercially.
- Its trust signals score 68/100, with 3 cautions from licensing, adoption, age or documentation. These come from repository metadata, not a code audit — read the skill file before letting an agent act on it.
Safety scan
No issues foundOur scan of the whole file found no instruction hijacking, hidden characters, credential access, data exfiltration or destructive commands. An AI review of the same text found nothing harmful.
AI review by kimi-k2.7-code on 2026-10-19. Automated pattern scan on 2026-10-19. It catches known dangerous patterns, not every risk — read a skill before letting an agent act on it.
visual-explainer compared with similar skills
All 4 of these similar skills score higher than visual-explainer; compare them before choosing.
| Skill | Score | Stars | Updated | Format |
|---|---|---|---|---|
| visual-explainer (this skill)by nicobailon | 40 | 0 | — | MCP Server |
| taste-skillby Leonxlnx | 100 | 101.6k | 3d ago | CLAUDE.md |
| Agent-Reachby Panniantong | 100 | 101.3k | today | CLAUDE.md |
| headroomby headroomlabs-ai | 100 | 77.6k | 1d ago | CLAUDE.md |
| ai-job-searchby ai-job-search-dev | 100 | 64.0k | 2d ago | CLAUDE.md |
Frequently asked questions
- How do I install visual-explainer?
- Run
claude mcp add nicobailon -- npx -y github:nicobailon/visual-explainer. The install tabs above show the steps for each supported agent. - Which AI agents does visual-explainer work with?
- It is written for Claude Code and Claude Desktop, as a MCP Server file. Other agents that read the same format can often use it too.
- Is visual-explainer safe to use?
- Our scan of the whole file found no instruction hijacking, hidden characters, credential access, data exfiltration or destructive commands. An AI review of the same text found nothing harmful. It declares no license and scores 68/100 on trust signals. Skills are instructions an agent will follow, so read the file before installing it and do not approve commands you do not understand.
- Is visual-explainer still maintained?
- We could not determine when the repository was last updated.
Skill content
View source on GitHub{ "name": "visual-explainer", "version": "0.11.0", "description": "Agent skill that generates beautiful HTML pages for diagrams, diff reviews, plan reviews, slide decks, and data tables", "scripts": { "check:versions": "node scripts/check-versions.mjs" }, "license": "MIT", "homepage": "https://github.com/nicobailon/visual-explainer#readme", "repository": { "type": "git", "url": "git+https://github.com/nicobailon/visual-explainer.git" }, "bugs": { "url": "https://github.com/nicobailon/visual-explainer/issues" }, "keywords": [ "agent-skill", "pi-package", "claude-code-plugin", "claude-marketplace", "codex", "antigravity", "antigravity-cli", "mcp", "model-context-protocol", "opencode", "openclaw", "cursor", "diagrams", "html", "visualization", "diff-review", "plan-review", "slides", "pptx", "powerpoint", "mermaid" ], "files": [ "plugins/visual-explainer", ".claude-plugin", "configs", "scripts", "install-pi.sh", "banner.png", "README.md", "CHANGELOG.md", "LICENSE" ], "bin": { "visual-explainer-mcp": "./plugins/visual-explainer/mcp/server.mjs", "visual-explainer-pptx": "./plugins/visual-explainer/pptx/export.mjs" }, "dependencies": { "@modelcontextprotocol/server": "^2.0.0", "node-html-parser": "^9.0.1", "pptxgenjs": "^4.0.1", "zod": "^4.4.3" }, "peerDependencies": { "@earendil-works/pi-coding-agent": "*" }, "pi": { "extensions": [ "./plugins/visual-explainer/extension.ts" ], "skills": [ "./plugins/visual-explainer" ], "prompts": [ "./plugins/visual-explainer/commands" ], "image": "./banner.png" } }
Related Skills
taste-skill
101.6kAgent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
Agent-Reach
101.3kGive your AI agent eyes to see the entire internet. Read & search Twitter, Reddit, YouTube, GitHub, Bilibili, XiaoHongShu — one CLI, zero API fees.
headroom
77.6kCompress tool outputs, logs, files, and RAG chunks before they reach the LLM. 20% fewer tokens for coding agents, 60-95% fewer tokens for JSON, same answers. Library, proxy, MCP server.
ai-job-search
64.0kThe job search that runs on your machine. AI job application framework built on Claude Code: evaluate postings, tailor CVs, write cover letters, prep interviews. Fork it and own it.
Trust signals
From repository metadata: license, adoption, age and documentation. Not a code audit — see the Safety scan above for what the skill file itself contains.