Skip to main content

Use /handbook-visual-explainer:web-diagram

handbook-visual-explainer

Generate a beautiful, self-contained HTML page that visually explains any topic as a diagram, architecture overview, or data visualization.

Command Specification​

---
description: Standalone HTML diagram for any topic
argument-hint: "[topic] [--style <name>] [--theme light|dark] [--slides|--handbook]"
disable-model-invocation: true
---
Load the visual-explainer skill, then generate an HTML diagram of the topic below. Any `--flags` in it belong to the skill's Arguments table, not to the topic.

Topic: $ARGUMENTS

Follow the visual-explainer skill workflow. Read the reference template and CSS patterns before generating. Pick a distinctive aesthetic that fits the content — vary fonts, palette, and layout style from previous diagrams.