Skip to main content

course-visualize

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".

Ir a la instalación

Datos de origen

Repositorio
DojoCodingLabs/instructional-design-toolkit
Última actividad en el origen
19 de abril de 2026 a las 00:48
Idioma detectado de SKILL.md
español
Estrellas
1
Forks
0

Opciones de instalación

De forma predeterminada está seleccionado el prompt que primero revisa el origen. Puedes cambiar a un comando directo o descargar una copia local.

Revisa los archivos de origen

Lee SKILL.md y los archivos complementarios que muestra SkillsMP antes de decidir si quieres instalarlo.

Mostrando SKILL.md

SKILL.md
Instrucciones de origen · Vista previa de solo lectura
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 1. Verificar que existe `docs/instructional-design/courses/{slug}/course.json`. 2. Despachar `${CLAUDE_PLUGIN_ROOT}/agents/course-visualizer.md` con el path absoluto al course.json. 3. El agent compone `course.html` desde los templates en `${CLAUDE_PLUGIN_ROOT}/assets/templates/visualization/`. 4. 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`
Ver en GitHub