Direct creation of Storyboards (visual narratives). Use when the user asks for "storyboard", "guion visual", "historia visual", "narrativa del usuario", "comic", "escenas", "/storyboard", or wants to tell the story of a user experience through sequential scenes. Simplest map type, focused on emotion.
Atajo directo para crear un Guion Visual (Storyboard) sin pasar por la
seleccion de tipo de mapa. Usa el mismo flujo que el Taller de Mapas UX pero con
el tipo de mapa ya definido: perfil storyboard, variante narrative.
Todo el contenido generado debe estar en espanol. Los terminos de UX se presentan en formato "espanol (English)" la primera vez que aparecen. Despues de la primera mencion, se puede usar solo el termino en espanol.
docs/ux-research/maps/{nombre-del-mapa}/ -- contiene map.json (fuente de verdad)
y map.html (visualizacion interactiva).
Una pregunta a la vez. Opcion multiple cuando sea posible. Esperar respuesta antes de avanzar.
Leer ${CLAUDE_PLUGIN_ROOT}/agents/persona-builder.md y despachar el agente persona-builder.
Evaluar el resultado:
FOUND_SRD / FOUND_BMT / FOUND_MAP: Presentar el persona encontrado al usuario. Mostrar: nombre, edad, rol, ubicacion, dolor principal, contexto. Preguntar:
"He encontrado este persona en tu proyecto:
[nombre] ([edad] anos) -- [rol] Ubicacion: [ubicacion] Dolor principal: [primary_pain] Contexto: [context]
Es este el persona que queres usar para el guion?
- Si, usar este persona
- No, quiero crear uno nuevo
- Quiero modificarlo"
Si hay multiples personas de SRD: presentar lista numerada, dejar que el usuario elija.
CREATE_PROTO_PERSONA (default Lean UX 4-quadrant flow cuando no hay persona en SRD/BMT/maps): Ejecutar el PROTO_PERSONA_DIALOGUE del agent en 4 cuadrantes (una pregunta a la vez):
Cuadrante 1 — Identity: nombre (puede ser ficticio), edad, ocupación, ubicación, descripción visual del avatar en 1 oración.
Cuadrante 2 — Behavioral demographics (solo demographics que PREDICEN behavior): tech-savviness, tolerancia al riesgo, contexto de decision-making (autónomo / needs approval / team-based), schedule constraints.
Cuadrante 3 — Pain points: 3-5 pain points específicos con contexto, #1 unmet need actual, frustrations con soluciones existentes.
Cuadrante 4 — Potential solutions (HIPÓTESIS a validar): qué soluciones PODRÍAN ayudar, cuáles ya probó y no funcionaron.
El proto-persona resultante lleva _hypothesis_flag: true. Usarlo para el mapa actual, flaggeando que requiere validación con entrevistas reales (ver business-model-toolkit:customer-interview-system).
Para storyboards específicamente, si el scope del scene es simple (4-6 frames), se puede usar NOT_FOUND + DIALOGUE_TEMPLATE en su lugar (proto-persona puede ser overkill para storyboards cortos).
NOT_FOUND (legacy fallback — o para storyboards simples): Ejecutar dialogo mínimo de creacion de persona. Preguntar una a la vez:
Sugerir avatar_emoji basado en las respuestas.
PUERTA DE APROBACION: Confirmar el persona antes de continuar.
El tipo de mapa ya esta definido: Guion Visual (Storyboard),
perfil storyboard, variante narrative.
Informar al usuario:
"Vamos a crear un Guion Visual (Storyboard) para [nombre del persona]. El storyboard narra la experiencia del usuario a traves de escenas secuenciales, como un comic o guion cinematografico. Es ideal para comunicar empatia, presentar casos de uso, o documentar una experiencia clave de forma visual y emotiva."
Leer ${CLAUDE_PLUGIN_ROOT}/references/methodology.md antes de este paso.
Leer las escenas por defecto desde
${CLAUDE_PLUGIN_ROOT}/assets/schemas/profiles/storyboard.profile.json.
Primero preguntar sobre la cantidad de escenas:
"Cuantas escenas (scenes) queres en el guion?
Por defecto uso 6 escenas que cubren el arco completo de problema a solucion:
- Contexto -- la situacion inicial
- Problema -- el conflicto o dolor
- Busqueda -- el usuario busca una solucion
- Descubrimiento -- encuentra algo prometedor
- Solucion -- lo usa y funciona
- Resultado -- el estado final mejorado
Responde 'Si' para usar estas 6, o indica cuantas escenas necesitas (puedes describir tus propios titulos)"
Para cada escena (una a la vez), hacer estas preguntas en orden:
"Que esta pasando en la escena [N] -- [titulo]?
Describe la situacion con detalle."
-> scene_description
"Donde y cuando ocurre esta escena?
(ej: 'lunes a la manana, en el consultorio', 'en el auto de regreso a casa')"
-> scene_setting
"Hay algun dialogo o pensamiento clave que quieras incluir?
(ej: '[nombre] piensa: ¿por que tarda tanto?', o deja en blanco si no aplica)"
-> scene_dialogue (opcional, puede estar vacio)
"Cual es el estado de animo general en esta escena?
(ej: ansiosa, esperanzada, frustrada, aliviada, confundida)"
-> scene_mood
"Del 1 al 5, como se siente [nombre] en esta escena?
(1=muy mal, 5=muy bien)"
-> emotion.level
Basado en el mood descrito, sugerir emoji y etiqueta emocional. -> emotion.emoji, emotion.label
Despues de completar TODAS las escenas:
analysis.moments_of_truth[0].description (el insight central del storyboard)PUERTA DE APROBACION: Confirmar que todas las escenas estan completas antes de continuar.
Leer ${CLAUDE_PLUGIN_ROOT}/assets/schemas/profiles/storyboard.profile.json.
Construir el objeto JSON conforme al esquema core. Usar meta.type: "storyboard",
meta.profile: "storyboard", meta.variant: "narrative".
Mapear cada escena como una fase con los campos:
id: "scene-N"label: titulo de la escenascene_description, scene_setting, scene_dialogue, scene_moodemotion.level, emotion.emoji, emotion.labelCrear directorio: docs/ux-research/maps/{titulo-slugificado}/
Escribir map.json.
Presentar resumen:
"He generado el JSON del guion. Contiene [N] escenas y el arco emotivo va de [emotion inicial] a [emotion final]. Queres revisarlo antes de generar la visualizacion?
- Si, mostrame el JSON
- No, continua con la visualizacion"
PUERTA DE APROBACION: Confirmar JSON antes de renderizar.
Leer ${CLAUDE_PLUGIN_ROOT}/agents/renderer.md y despachar el agente renderer
con la ruta al map.json.
Una vez completo, informar al usuario:
"El guion visual esta listo. Abri el archivo
docs/ux-research/maps/{nombre}/map.htmlen Chrome o Edge para verlo."
Preguntar:
"Queres que analice el guion usando el framework de 7 puntos de NN/g?"
PUERTA DE APROBACION: Confirmar HTML renderizado.
Si el usuario dice si, leer la seccion del framework de 7 puntos en
${CLAUDE_PLUGIN_ROOT}/references/methodology.md.
Para el storyboard, aplicar el framework con enfoque narrativo:
Presentar hallazgos y recomendar siguiente tipo de mapa:
"Basado en este guion, el siguiente paso natural seria crear un [tipo_de_mapa_recomendado] para [razon]."
${CLAUDE_PLUGIN_ROOT}/references/map-type-guide.md -- Tipos de mapa y cuando usarlos${CLAUDE_PLUGIN_ROOT}/references/methodology.md -- Metodologia NN/g y framework de 7 puntos${CLAUDE_PLUGIN_ROOT}/agents/persona-builder.md -- Busca personas existentes o guia la creacion${CLAUDE_PLUGIN_ROOT}/agents/renderer.md -- Compone HTML interactivo desde JSON${CLAUDE_PLUGIN_ROOT}/assets/schemas/core.schema.json -- Esquema core del JSON${CLAUDE_PLUGIN_ROOT}/assets/schemas/profiles/storyboard.profile.json -- Perfil, escenas por defecto y variante narrative