flowai-skill-interactive-teaching-materials

To create interactive teaching materials, fill self-contained HTML templates with your process data and optional assets. The embedded rendering library generates clickable state diagrams that guide learners step by step.

Explorable tutorials are interactive HTML artifacts that reveal process details on demand via clickable state diagrams. You need them when an educational context prefers an explorable artifact over a direct answer.

No external dependencies are required. The Skill uses self-contained HTML templates with inline data and an embedded rendering library to output interactive flowchart and sequence diagrams.

Yes, you can include optional assets within the self-contained HTML templates. These assets support teaching scenarios by enriching the interactive state diagrams and detail panels.

The best way to transform complex processes into explorable artifacts is using interactive state diagrams with rich detail panels for each element and transition. Self-contained HTML templates structure the data for on-demand exploration.

Avoid interactive state diagrams when learners need a direct answer rather than an explorable artifact. If your educational context does not require step-by-step process guidance, static documentation is more efficient.