A Claude Code plugin (and standalone Skill) for editorial-grade, scrollable HTML explainers.
Most explainers fail by listing N separate ideas. This one threads a single named example through every stage — the reader watches it evolve rather than memorize a checklist.
A single self-contained HTML file with editorial-quality typography, custom visual snapshots for each stage, and full mobile responsiveness. Perfect for explaining lifecycles, mental models, taxonomies, and conceptual journeys that unfold across multiple stages.
Two install paths, depending on whether you install as plugin or skill.
Download visual-explainer-plugin-vX.Y.Z.zip from the latest release.
- Download
visual-explainer-plugin-vX.Y.Z.zip. - Open the Customize page
- Select + sign next to Personal plugin
- Choose Upload plugin and select the zipped plugin.
- Confirm the install and enable
visual-explainer.
Download visual-explainer-skill-vX.Y.Z.zip from the latest release.
- Download
visual-explainer-skill-vX.Y.Z.zip. - Open the Customize page and navigate to Skills section
- Select + sign to add a new skill
- Choose Upload a skill and select the zipped skill.
- Confirm the install and enable
visual-explainer.
mkdir -p ~/.claude/skills
VERSION=X.Y.Z
curl -L -o /tmp/ve-skill.zip "https://github.com/Cyber-Gen/visual-explainer-skill/releases/download/v${VERSION}/visual-explainer-skill-v${VERSION}.zip"
unzip /tmp/ve-skill.zip -d ~/.claude/skills/Once installed, the skill can be invoked by either:
-
Manually using
/visual-explainerin your prompt. -
Automatically using triggering prompts like:
"Create a visual explainer for how OAuth works" "Build a step-by-step visual explainer of the product launch lifecycle" "I'm a visual learner – break down the SAFe framework for me"