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:

  1. Topic — what are we teaching?
  2. Target audience — beginners, intermediate, advanced? developers, managers, students?
  3. Language preference — BM / EN / mixed
  4. Existing outline — does the user already have a flow, diagram, or step list?
  5. Code language/framework — PHP, JS, Python, Laravel, etc.
  6. 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.

Installs
17
GitHub Stars
20
First Seen
Mar 21, 2026
courseware-builder — nasrulhazim/claude