visual-explainer: Agent skill that generates rich HTML pages or slide decks for diagrams, diff reviews, plan audits, data tables

by nicobailon · Agent Tool · ★ 10.6k

Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h

How to install visual-explainer

/plugin marketplace add nicobailon/visual-explainer
/plugin install visual-explainer@visual-explainer-marketplace

Taken from the project's README on GitHub. Check the security audit before running it.

Security audit verdict: SAFE · quality 68/100

None of the 42 rules matched — no credential harvesting, no data exfiltration, no curl-pipe-shell installer. Scanned against 42 published rules built on the SlowMist agent-security taxonomy, refreshed every 8 hours. Full audit →

The quality score combines nine heuristic checks of the repo and its README: completeness, clarity, specificity, examples, structure, agent readiness, step-by-step content, instruction quality and security notes. It rates how well the project explains itself to an agent, not the code.

Quick Facts

Stars10,587
Forks677
LanguageJavaScript
CategoryAgent Tool
LicenseMIT
Quality Score68/100
Last Updated2026-10-20
Created2026-02-16
Platformsnode
Est. Tokens~17k

About visual-explainer

visual-explainer An agent skill that turns complex terminal output into styled HTML pages you actually want to read. Ask your agent to explain a system architecture, review a diff, or compare requirements against a plan. Instead of ASCII art and box-drawing tables, it generates a self-contained HTML page and opens it in your browser.

Compatible Skills

These tools work well together with visual-explainer for enhanced workflows:

  • gzh-design-skill — semantic(0.23)+complementary+same_lang+similar_pop (53%)
  • effective-html — semantic(0.21)+complementary+same_lang+similar_pop (52%)
  • guizang-ppt-skill — semantic(0.19)+complementary+same_lang+similar_pop (52%)
  • lieflat-charts — semantic(0.17)+complementary+same_lang+similar_pop (51%)
  • archify — semantic(0.17)+complementary+same_lang+similar_pop (51%)

visual-explainer alternative? Top 6 similar tools

Looking for a visual-explainer alternative? If you're comparing visual-explainer with other agent tool tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.

  • open-saas by wasp-lang · ⭐ 16.1k

    A 100% free modern JS SaaS boilerplate (React, NodeJS, Prisma). Full-featured: Auth (email, google, github, sl

  • notebooklm-skill by PleasePrompto · ⭐ 7.8k

    Use this skill to enable Claude Code to communicate directly with your Google NotebookLM notebooks. Query your

  • skills by trailofbits · ⭐ 7.7k

    Trail of Bits skills for security research, vulnerability detection, and audit workflows

  • agent-skills by tech-leads-club · ⭐ 7.1k

    The secure, validated skill registry for professional AI coding agents. Extend Antigravity, Claude Code, Curso

  • excalidraw-diagram-skill by coleam00 · ⭐ 4.8k

    Skill to give Claude Code (and any coding agent) the ability to generate beautiful and practical Excalidraw di

  • chinese-novelist-skill by PenglongHuang · ⭐ 4.0k

    🎭 AI 写小说：从零生成 10-50 章完整中文小说，三层问答 · 创作记忆 · 悬念钩子 · 自动校验，长篇网文连载皆宜｜开源免费，适配主流 coding agent｜🤝 Infistar.cc 赞助 · 注册送

More Agent Tool Tools

Explore other popular agent tool tools:

View all Agent Tool tools →

Popular JavaScript Agent Tools

How this security grade is produced

Grades come from a rule-based scan built on the SlowMist agent-security taxonomy: 42 published rules, covering credential harvesting, data exfiltration, curl | sh installers and more. It is a first-layer scan, not a manual audit — we say so rather than overstate it.

The scale of the problem is documented independently: Liu et al. (2026), in a study of 31,132 agent skills, report that 26.1% contain security vulnerabilities. Our own full-catalog census is published as a citable open dataset.

Sources & who's responsible:

View on GitHub → Browse Agent Tool tools