| name | course-visualize |
| version | 1.0.0 |
| description | Genera HTML interactivo de un curso para validar Bloom's progression + ship milestones + complexity curve + CONTEXT→...→REFLECT distribution + Kirkpatrick feedback embeds. Use when user asks to "visualize course", "see course curve", "render course HTML", "visualizar curso", "ver Bloom's", "/course-visualize".
|
Visualizar Curso
Genera course.html standalone (sin CDN, sin framework) que permite al diseñador
validar la ramp pedagógica en un pantallazo.
Inputs
course-slug (required, desde $ARGUMENTS).
Flujo
-
Verificar que existe docs/instructional-design/courses/{slug}/course.json.
-
Despachar ${CLAUDE_PLUGIN_ROOT}/agents/course-visualizer.md con el path
absoluto al course.json.
-
El agent compone course.html desde los templates en
${CLAUDE_PLUGIN_ROOT}/assets/templates/visualization/.
-
Mostrar al usuario el path generado + instrucciones para abrir:
"course.html generado en docs/instructional-design/courses/{slug}/course.html.
Abrilo en Chrome o Edge para ver:
- Bloom's progression curve
- Ship milestones timeline
- Complexity ramp
- CONTEXT→...→REFLECT distribution per lesson
- Kirkpatrick L1 feedback embeds (Tally/Typeform iframes per módulo)
El HTML es standalone — podés abrir directo desde el filesystem o servir con
python3 -m http.server desde el course directory."
Idempotencia
Sin gates. Sobrescribe course.html si ya existe.
Recursos
${CLAUDE_PLUGIN_ROOT}/agents/course-visualizer.md
${CLAUDE_PLUGIN_ROOT}/assets/templates/visualization/*.html