visual-explainer SKILL.md skillA

visual-explainer from theclaymethod/artifacture is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add theclaymethod/artifacture/visual-explainer@v1.0.0-next.0

Pins v1.0.0-next.0 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
theclaymethod/artifacture
Path
plugins/visual-explainer/SKILL.md
Versions recorded
14
Latest version
v1.0.0-next.0, committed Oct 17, 2026
First version recorded
Sep 7, 2026
Size
5,589 bytes
Repository stars
3
License
MIT

Create diagrams, custom React slides and native explainer videos from compact MDX, editable templates and selected upstream libraries.

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

# Artifacture

Use a finished composition as the starting point, then edit ordinary source. Compact MDX holds the argument; React/TSX and native renderer source provide unrestricted customization. Share content, theme and assets across outputs.

Run `node <this-skill-directory>/scripts/artifacture.mjs list --json`, then `info <selected-id> --json`. Read only the selected workflow and native references. `list --kind reference` discovers upstream tools. A recipe is guidance, not a ready project; follow its recommended starter.

Scaffold with `init <new-directory> --template <id>`. This fetches only the template's dependencies and declared skills. Native package manifests and lockfiles own versions. `--no-install` copies source for manual setup; `--no-skills` skips native skill installation. Require Node 22.12+. Use `ARTIFACTURE_REPO` for an unpublished development checkout.

For diagrams and slides use the project's React/Tailwind/Vite pipeline. Development, production and standalone export use its one configuration. Arbitrary TSX, custom presenters and direct vendor imports remain first-class. Keep source editable; do not add an override schema to avoid editing it.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add theclaymethod/artifacture/visual-explainer@sha256:6859d0325beb7c83

The line at the top of this page pins the label v1.0.0-next.0, 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_rakqbatpfgs7ncwg.svg)](https://markdownregistry.com/a/art_rakqbatpfgs7ncwg)

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

Versions

The registry has recorded 14 versions of this file, between Sep 7, 2026 and Oct 17, 2026, about one every 3 days.

versioncommittedcommitsizeaudit
v1.0.0-next.0 latest2026-10-17 d565369 5,589 BA view · diff
v1.0.0-next.02026-10-11 57db52f 3,664 BA view · diff
v1.0.0-next.02026-10-11 d65eb61 3,254 BA view · diff
v0.10.02026-10-11 383b969 9,837 BA view · diff
v0.10.02026-10-07 5a7601d 9,680 BA view · diff
v0.9.02026-10-07 38e910c 8,725 BA view · diff
v0.9.02026-10-07 f4049dd 8,524 BA view · diff
v0.10.02026-10-06 322f3e2 8,793 BA view · diff
v0.10.02026-10-06 2445c48 8,541 BA view · diff
v0.9.02026-10-06 1865521 7,838 BA view · diff
v0.8.12026-10-05 ddc06eb 7,642 BA view · diff
v0.8.02026-10-05 eb06ef7 7,642 BA view · diff
v0.8.02026-09-08 6a69b91 5,452 BA view · diff
v0.8.02026-09-07 255b8e3 5,645 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (5589 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
  • pass: No script tag

Source

GitHub

theclaymethod/artifacture · 3 stars · license MIT · pushed 2026-10-18 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_rakqbatpfgs7ncwg
GET https://markdownregistry.com/api/v1/resolve?ref=theclaymethod/artifacture/visual-explainer
GET https://markdownregistry.com/api/v1/blob/6859d0325beb7c839c5269bd9899ca4422d7e60dee5714c9bbcf645de77b465c

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 theclaymethod/artifacture

DESIGN.md DESIGN.md file
theclaymethod/artifacture · DESIGN.md
git:20261012.3f894d1 · audit A · 3 stars

Every file in theclaymethod/artifacture

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 · 784 stars
visual-explainer SKILL.md skill
jamditis/claude-skills-journalism · visual-explainer/SKILL.md · HTML explainers, diagrams, architecture, timelines, source maps, slide decks, comparison tables, recaps, plan and diff…
v0.7.4 · audit B · 431 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

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