Paradigm

Visual Explainer

Turns any concept, system or plan into a self-contained HTML visual explanation or deck

View sourceLearn it in Paradigm
A job queue drawn as a state machine and replayed one event at a time, generated by the skill
A job queue drawn as a state machine and replayed one event at a time, generated by the skill

What it does

Agent skill that generates self-contained HTML pages, slide decks, animated explainers and narrated MP4s to explain systems, concepts, data and plans visually.

Try this prompt

draw a diagram of our authentication flow

Keep going in Paradigm

Hands off to the notebook canvas: an HTML explainer becomes a canvas node the tutor can walk a learner through.

How to install

  1. Click “Copy install prompt” and paste it into your agent. The agent fetches the skill from its source.
  2. Or copy the skill folder from the source into ~/.claude/skills/ (Claude Code) or your agent’s skills folder.
  3. Read the skill’s SKILL.md before you run it. Paradigm lists this skill but did not write it.
GitHub stars
★ 10,511
License
MIT
Category
Study tools
Runs in
  • Claude Code
  • Codex
  • Cursor
  • OpenCode
Checked