courseware-builder
Installation
SKILL.md
Courseware Builder
Transform any technical topic into a self-contained interactive HTML courseware file — CD-Courseware-style with animated flow diagrams, step-by-step simulation, syntax-highlighted code examples, and key points panels. Zero external dependencies (except optional Google Fonts CDN).
Phase 1 — Topic Discovery Interview
Ask the user conversationally in one message for the following:
- Topic — what are we teaching?
- Target audience — beginners, intermediate, advanced? developers, managers, students?
- Language preference — BM / EN / mixed
- Existing outline — does the user already have a flow, diagram, or step list?
- Code language/framework — PHP, JS, Python, Laravel, etc.
- Actors — who/what is involved in the flow? (e.g. user, server, browser, database)
Skip this phase if the user already provided a complete flow, diagram, or step breakdown in their request. Extract the answers from what they gave and confirm before proceeding.