By Patrick McCurley
/ember-publish-explainer
Generate an interactive slide-based visual explainer for any topic.
/ember-publish-explainer How our authentication system worksWhat It Creates
A 4–7 slide presentation with:
- Left panel — prose explaining each concept
- Right panel — interactive visualisation (diagrams, charts, grids, timelines)
- Slide navigation — arrows, keyboard shortcuts, progress pips
- Animations — staggered entrance effects on every slide
Visualisation Types
The AI chooses the best visualisation for each slide from a catalog of 20+ primitives:
| Category | Examples |
|---|---|
| Data display | KPI cards, data tables, comparison matrices |
| Charts | Bar charts, donut rings, funnel diagrams |
| Timelines | Vertical/horizontal timelines, progress steppers |
| Diagrams | Architecture diagrams, flowcharts (auto-layout via dagre) |
| Grids | Periodic tables, kanban boards |
| Interactive | Clickable lists with detail panels, tabbed content |
How It Differs from /ember-publish-doc
| /ember-publish-doc | /ember-publish-explainer | |
|---|---|---|
| Format | Scrollable markdown document | Slide-based presentation |
| Diagrams | Inline in text flow | Full-panel visualisations |
| Best for | Reference docs, specs | Onboarding, architecture walkthroughs |
| Navigation | Scroll + TOC | Slide arrows + keyboard |
Examples
/ember-publish-explainer How our deployment pipeline works
/ember-publish-explainer The Emberflow architecture for new joiners
/ember-publish-explainer Database schema and relationships