interactive-teaching-materials
CommunityCreate interactive HTML teaching materials with clickable state diagrams.
Education & Research#HTML#state diagrams#interactive tutorials#teaching materials#interactive teaching
Authorkorchasa
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill solves the problem of creating interactive HTML teaching materials with clickable state diagrams, making complex processes and concepts easier to understand through interactive tutorials.
Core Features & Use Cases
- Interactive State Diagrams: Creates interactive HTML state diagrams that allow users to click on elements for detailed information.
- Rich Text Details: Provides detailed information for each state and transition in rich text format.
- Use Case: Ideal for explaining complex processes, such as software workflows, where users can interactively explore the steps and understand the context behind each one.
Quick Start
Use the interactive-teaching-materials skill to create a state diagram for a software workflow and provide a link to the generated HTML file.
Dependency Matrix
Required Modules
mermaidsvg.js
Components
scriptsassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: interactive-teaching-materials Download link: https://github.com/korchasa/flowai-plugins/archive/main.zip#interactive-teaching-materials Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.