How do I install the Course Visualize skill?

Run npx skillmds@latest add dojocodinglabs/course-visualize in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Course Visualize safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Course Visualize?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Course Visualize free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Course Visualize?

dojocodinglabs (@dojocodinglabs) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Course Visualize by dojocodinglabs — Agent Skill

Name: Course Visualize
Author: dojocodinglabs

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

File contents

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

Frequently asked questions