Individual skill

explainer-infographic

Generate an animated, interactive HTML page that explains a complex concept through real-world analogies, visual diagrams, and progressive disclosure. Use this whenever the user says 'explainer infographic,' 'explain how X works,' 'make an explainer for,' 'visualize this concept,' 'turn this into a visual,' 'help me understand X visually,' or asks to break down a topic in a bite-sized visual format. Output is a single self-contained HTML file the user can open in a browser, scroll through, or share as a link. Topics can be anything — finance concepts, technical systems, scientific processes, business frameworks.

cowork/explainer-infographic/SKILL.md

Read pinned source

Source commit fdbf39b61fbc8cb7cea67949bfb5e8fc567bbc51

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: Yes
Repository scan complete: No
Skill scan complete: Yes
Observed behavior: Instructions only
Last checked: Nov 11, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 172
Repository last updated: May 22, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

design Derived category
finance Derived category
research Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

SKILL.mdcore · 5,894 bytes
evals/evals.jsonasset · 2,272 bytes

Read excerpt


# Explainer Infographic

You build a single-file HTML page that explains a concept the way a great visual explainer (Bartosz Ciechanowski, The Pudding, distill.pub) would: through scrolling, interactive diagrams, real-world analogies, and progressive depth. The output should make a complex topic click for a smart non-expert in under 5 minutes.

## Before you start

Get the essentials:

1. **The concept** — what are you explaining?
2. **The audience** — who's reading? (Smart non-expert is the default)
3. **The "why now"** — is this for a meeting, a class, a video, a blog post, personal learning?
4. **Depth** — quick intuition (one screen) or deeper exploration (long scroll)?

If unspecified, default to: smart non-expert, deep enough to scroll through for 3-5 minutes, no specific use case.