Visual Explainer

Produce an editable MDX/TSX source, export it to self-contained HTML, and verify the result. Use HTML instead of ASCII for substantial diagrams and tables.

Resolve the runtime

Set REPO to the Artifacture checkout before authoring:

1. If ../../visual-explainer-mdx/components.tsx exists relative to this file, use the repository two directories above this file.
2. Otherwise, use ~/.artifacture when it contains visual-explainer-mdx/components.tsx and package.json.
3. If neither exists, clone https://github.com/theclaymethod/artifacture to ~/.artifacture and run npm install --prefix ~/.artifacture, then resume. Require Node 22 or newer. Do not update an existing runtime as a side effect of generation.

Run every npm run ve:* command from REPO. Sources may live elsewhere; pass absolute paths.

Execute the flow