explainer-graphiclisted
Install: claude install-skill petermcalister/shared-skills
# Explainer Graphic
Create infographics that explain complex topics using real-world analogies anyone
can understand. The approach: find the killer analogy first, map it thoroughly,
then build a polished SVG infographic as a self-contained HTML file.
This skill is particularly useful for engineering concepts, architecture decisions,
and technical explainers — the kind of thing you'd put in a README, a Slack thread,
or a presentation to explain something to people who don't live in the codebase.
## Step 1: Find the Killer Analogy
The analogy makes or breaks the graphic. Search these categories for the best fit:
| Category | Example Analogies | Best For |
|----------|-------------------|----------|
| **Everyday Life** | Kitchen, closet, mailbox, filing cabinet, remote control | Organisation, storage, interfaces |
| **Jobs and Roles** | Receptionist, translator, librarian, bouncer, air traffic controller | Routing, filtering, managing |
| **Construction** | Blueprint, foundation, scaffolding, plumbing, wiring | Architecture, infrastructure |
| **Cooking** | Recipe, ingredients, oven, blender, mise en place | Processes, combining inputs |
| **Sports** | Playbook, coach, referee, training camp, relay race | Strategy, teamwork, handoffs |
| **Gaming** | Skill tree, inventory, quest log, respawn, power-ups | Progression, upgrades, systems |
| **Nature** | Root system, beehive, food chain, ecosystem, seasons | Networks, hierarchies, cycles |
| **Pop Culture** | Swiss army knife,