visual-explainer SKILL.md skillB

visual-explainer from jamditis/claude-skills-journalism is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add jamditis/claude-skills-journalism/visual-explainer@v0.7.5

Pins v0.7.5 in mdr.lock. Pin the fingerprint instead.

Audit grade
B, 16 of 17 checks passed
Kind
SKILL.md skill
Repository
jamditis/claude-skills-journalism
Path
visual-explainer/SKILL.md
Versions recorded
6
Latest version
v0.7.5, committed Oct 24, 2026
First version recorded
Jul 21, 2026
Size
42,852 bytes
Repository stars
450
License
MIT

HTML explainers, diagrams, architecture, timelines, source maps, slide decks, comparison tables, recaps, plan and diff reviews.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Visual explainer

Generate self-contained HTML files for technical diagrams, editorial visualizations, and data tables. Always open the result in the browser. Never fall back to ASCII art when this skill is loaded.

**Requirements:** A browser is required to view generated HTML files. surf-cli is optional for AI image generation.

**Proactive table rendering.** When you're about to present tabular data as an ASCII box-drawing table in the terminal (comparisons, audits, feature matrices, status reports, source verification grids, any structured rows/columns), generate an HTML page instead. The threshold: if the table has 4+ rows or 3+ columns, it belongs in the browser. Don't wait for the user to ask, render it as HTML automatically and tell them the file path. You can still include a brief text summary in the chat, but the table itself should be the HTML page.

## Available commands

Detailed prompt templates in `./commands/`. In Claude Code, namespaced (`/visual-explainer:diff-review`). In Pi, these are slash commands (`/diff-review`). In Codex, use `/prompts:diff-review` (if installed to `~/.codex/prompts/`) or invoke `$visual-explainer` and describe the workflow.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add jamditis/claude-skills-journalism/visual-explainer@sha256:e0426aa56e21db43

The line at the top of this page pins the label v0.7.5, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_vspt7xmwusvp6zga.svg)](https://markdownregistry.com/a/art_vspt7xmwusvp6zga)

4 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 6 versions of this file, between Jul 21, 2026 and Oct 24, 2026, about one every 19 days.

versioncommittedcommitsizeaudit
v0.7.5 latest2026-10-24 21f0bb2 42,852 BB view · diff
v0.7.42026-08-21 5a4edc4 42,739 BB view · diff
v0.7.32026-08-18 3e0e3a8 42,739 BB view · diff
v0.7.22026-08-15 4f88280 43,415 BB view · diff
v0.7.12026-07-21 e021bd0 43,415 BB view · diff
v0.7.12026-07-21 9056aaa 43,170 BB view

Audit of the latest version

B  16 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • fail: No script tag (matched: <script)
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (42852 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address

Starting a new one? Use a template for SKILL.md on mdpantry, which passes every one of these checks and says what to change in it.

Source

GitHub

jamditis/claude-skills-journalism · 450 stars · license MIT · pushed 2026-11-04 · branch master

API

GET https://markdownregistry.com/api/v1/artifacts/art_vspt7xmwusvp6zga
GET https://markdownregistry.com/api/v1/resolve?ref=jamditis/claude-skills-journalism/visual-explainer
GET https://markdownregistry.com/api/v1/blob/e0426aa56e21db437c3ea59c9a85bda505b9d4e38c2903f5a1c38589c405f8c2

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from jamditis/claude-skills-journalism

AGENTS.md AGENTS.md file
jamditis/claude-skills-journalism · AGENTS.md
git:20261104.153ed6b · audit A · 450 stars
CLAUDE.md CLAUDE.md file
jamditis/claude-skills-journalism · CLAUDE.md
git:20261024.21f0bb2 · audit B · 450 stars
accessibility-compliance SKILL.md skill
jamditis/claude-skills-journalism · dev-toolkit/skills/accessibility-compliance/SKILL.md · Web accessibility patterns for news and academic sites. Use for WCAG audits, alt text, accessible data viz, and…
git:20260818.3e0e3a8 · audit A · 450 stars
claude-md-updater SKILL.md skill
jamditis/claude-skills-journalism · dev-toolkit/skills/claude-md-updater/SKILL.md · Scans the session for durable lessons and workflows, then proposes scoped project instruction updates. Use for save…
git:20261024.21f0bb2 · audit A · 450 stars
context-engineering-fundamentals SKILL.md skill
jamditis/claude-skills-journalism · dev-toolkit/skills/context-engineering-fundamentals/SKILL.md · Manages attention and evidence in long agent sessions. Use for lost instructions, dropped evidence, or large…
git:20260818.3e0e3a8 · audit A · 450 stars
director SKILL.md skill
jamditis/claude-skills-journalism · dev-toolkit/skills/director/SKILL.md · Directs the current request through configured lower-tier agents. Use only when the user explicitly invokes it.
git:20261024.21f0bb2 · audit A · 450 stars
electron-dev SKILL.md skill
jamditis/claude-skills-journalism · dev-toolkit/skills/electron-dev/SKILL.md · Electron desktop apps with React, TypeScript, and Vite. Use for IPC, window/tray, PTY terminals, WebRTC, and packaging.
git:20260818.3e0e3a8 · audit A · 450 stars
mobile-debugging SKILL.md skill
jamditis/claude-skills-journalism · dev-toolkit/skills/mobile-debugging/SKILL.md · Remote JavaScript console and debugging on mobile. Use for phone/tablet console errors, responsive testing, Eruda, and…
git:20261004.f113b77 · audit B · 450 stars
one-way-door SKILL.md skill
jamditis/claude-skills-journalism · dev-toolkit/skills/one-way-door/SKILL.md · Flags irreversible decisions before commit. Use for data models, infra, auth boundaries, API contracts, event schemas…
git:20261024.21f0bb2 · audit A · 450 stars
ponytail-dev SKILL.md skill
jamditis/claude-skills-journalism · dev-toolkit/skills/ponytail-dev/SKILL.md · Use to implement or review software with minimal code and proportional checks.
git:20261024.21f0bb2 · audit A · 450 stars
python-pipeline SKILL.md skill
jamditis/claude-skills-journalism · dev-toolkit/skills/python-pipeline/SKILL.md · Python data pipelines with modular architecture. Use for content workflows, batch jobs, or Google Sheets/Drive…
git:20261024.21f0bb2 · audit A · 450 stars
surface-completeness SKILL.md skill
jamditis/claude-skills-journalism · dev-toolkit/skills/surface-completeness/SKILL.md · Use to verify interface changes across affected surfaces, user states, quality signals, and documentation.
git:20261028.97a5db1 · audit A · 450 stars

Every file in jamditis/claude-skills-journalism

Other files named visual-explainer

visual-explainer SKILL.md skill
coco-research/coco · skills/visual-explainer/SKILL.md · Generate self-contained HTML visual explanations for systems, code changes, plans, data, and technical concepts. Use…
v0.8.1 · audit A · 629 stars
visual-explainer SKILL.md skill
szoloth/skill-pack · skills/visual-explainer/SKILL.md · Generate beautiful, self-contained HTML pages that visually explain systems, code changes, plans, and data. Use when…
v0.1.1 · audit B · 14 stars
visual-explainer SKILL.md skill
theclaymethod/artifacture · plugins/visual-explainer/SKILL.md · Create diagrams, custom React slides and native explainer videos from compact MDX, editable templates and selected…
v1.0.0-next.0 · audit A · 3 stars

Browse by kind, by grade B, or by owner.