Prompt diseño instruccional que convierte cualquier modelo, marco teórico o temario en una web interactiva de una sola página, lista para publicar en tu LMS o usar en el aula.
Qué genera este Prompt diseño instruccional
Un archivo HTML autónomo con CSS y JavaScript integrados: menú lateral de navegación configurable, carga dinámica del contenido sin recargar la página, flashcards explicativas y paleta de color personalizable. Sin servidor, sin plugins y sin dependencias externas.
Para quién es
Diseñadores instruccionales, docentes y responsables de formación que necesitan producir recursos interactivos sin programar. El resultado se descarga como un único archivo y se sube directamente a Moodle, a un LMS corporativo o a WordPress.
Cómo usarlo
Copia el texto del prompt, adjunta un boceto de la estructura que quieras y la imagen de portada, y pégalo en Claude. Sustituye el tema del ejemplo por el tuyo: Análisis DAFO, Pirámide de Maslow, Modelo Kano, un procedimiento interno o cualquier unidad de tu temario. El mismo prompt te sirve para toda tu biblioteca de contenidos.
Ejemplo incluido
La versión de muestra genera una web interactiva de la Matriz de Eisenhower con cinco secciones navegables, para que veas el nivel de acabado antes de adaptarlo a tu propio contenido.
Descarga
El ZIP incluye el prompt completo, la guía rápida de uso y el aviso legal.
Ejemplos de temas que puedes generar
Este prompt diseño instruccional funciona con cualquier contenido estructurado. Algunos ejemplos habituales en formación corporativa y universitaria:
- Modelos de gestión: Análisis DAFO, Modelo Kano, Balanced Scorecard, Matriz BCG
- Teorías del aprendizaje: Taxonomía de Bloom, modelo ADDIE, Pirámide de Maslow
- Procedimientos internos: protocolo de onboarding, flujo de aprobación de gastos, política de teletrabajo
- Contenido técnico: ciclo de vida de un producto, arquitectura de un sistema, mapa de procesos
En todos los casos el resultado es el mismo: un recurso navegable que el alumno explora a su ritmo, en lugar de un PDF lineal que abandona en la página tres.
Por qué funciona mejor que una presentación
La diferencia no es estética, es cognitiva. Una presentación impone una secuencia; una web interactiva permite que el alumno decida qué explorar primero y vuelva sobre lo que no entendió. Eso reduce la carga cognitiva y mejora la retención, especialmente en formación asíncrona sin tutor.
Además, al ser un único archivo HTML sin dependencias, el recurso funciona offline, se abre en cualquier dispositivo y no depende de que un plugin siga mantenido dentro de dos años.
Preguntas frecuentes
¿Necesito saber programar? No. El prompt devuelve el archivo terminado; tu trabajo es definir el contenido y la estructura.
¿Puedo cambiar los colores? Sí. Indica tu paleta corporativa en el prompt y la aplicará a toda la interfaz.
¿Funciona en Moodle? Sí. Sube el HTML como recurso de tipo archivo, o pide que lo empaquete como SCORM 1.2 si necesitas registrar la actividad del alumno.