Communitygithub.com

vibe-knowledge-storyboard

Convierte los mecanismos visuales seleccionados por Vibe en un proceso de eventos, compara rutas de visualización para que el usuario elija, y produce storyboards, pruebas de diseño sin subtítulos y planes de verificación continua. Se utiliza para la planificación de storyboards y ajustes locales; la animación real y la verificación de sonido se realizan en la fase de producción.

¿Qué es vibe-knowledge-storyboard?

Esta habilidad convierte el conocimiento en eventos visuales observables, siguiendo el marco de trabajo de 'eventos visuales' de Vibe. Lee los acuerdos de eventos visuales, el sistema de estilo y la guía de estilo para organizar las escenas basadas en eventos, en lugar de imágenes estáticas o arte antiguo. Permite al agente generar múltiples rutas de visualización alternativas (por ejemplo, 2-3 opciones clave) que comparan lo que el espectador ve primero, lo que se ignora temporalmente, cómo aparecen los desencadenantes, la secuencia de acción y retroalimentación, y la carga emocional y de lectura. El usuario selecciona una ruta antes de desarrollar el storyboard completo. La habilidad se centra en la planificación: produce storyboards detallados con estados iniciales, desencadenantes, acciones principales, contacto/obstáculos/retroalimentación, resultados y secuencia de visualización para cada plano. También realiza pruebas de diseño sin subtítulos para verificar que la historia visual sea clara sin texto explicativo, y diseña la verificación de continuidad para garantizar transiciones suaves y estados consistentes. Está diseñada para plataformas como Claude Code, Cursor y Codex, y se integra con otras habilidades de Vibe como `vibe-knowledge-script` y `vibe-knowledge-render` para un flujo de trabajo completo de producción de agentes de IA.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/0-rng/vibe-knowledge-video-skills/tree/main/skills/vibe-knowledge-storyboard

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Director de Storyboard Visual de Vibe · Eventos Visuales V2.1

Un plano es el espacio donde ocurre un evento. Primero dirige los cambios de los objetos, sus interacciones y resultados; luego organiza el texto, diseño, iluminación y decoración necesarios. Lee el Acuerdo de Eventos Visuales, el Sistema de Estilo y la GUÍA DE ESTILO. Sigue la base de la serie, organiza las escenas libremente según los eventos, y no trates imágenes antiguas o arte estático como eventos establecidos.

Refutación Independiente y Optimización

Una vez formado el borrador revisable de esta fase, activa por defecto un subagente independiente que cuestiona los efectos de la interpretación y el atractivo visual según el Proceso de Revisión. El creador principal verifica las refutaciones, revisa los nodos clave después de las correcciones y luego muestra los resultados. No se permite autoevaluación como opinión independiente, ni usar fotogramas fijos para probar fluidez de movimiento. Normalmente un máximo de dos rondas; si los problemas centrales no se resuelven, se informa honestamente. Solo modificar la habilidad o corregir detalles menores no ejecuta mecánicamente las cuatro fases.

Las tres imágenes de referencia antiguas ya no se utilizan como base para la creación o aceptación; se elimina el umbral de confirmación de tres fotogramas fijos. Cuando se necesiten imágenes, selecciona la cantidad y el formato según el problema actual, no reúnas tres tipos de imágenes ni uses imágenes antiguas para fijar personajes, escenas o técnicas de expresión. Los límites de selección y autorización de producción del usuario ya establecidos se mantienen.

Entrada y Responsabilidades

Prioriza la lectura de la pista de visualización seleccionada, la cadena de eventos, las ocho preguntas visuales, la descripción del estado y los diagramas disponibles. Usa la pista de conocimiento para verificar fundamentos, condiciones clave, orden, citas y elementos bloqueados por el usuario. Si falta conocimiento, devuelve $vibe-knowledge-script; si falta un mecanismo válido, devuelve $vibe-knowledge-visual; si la entrada ya existe, úsala directamente. El texto completo de la investigación no es una lista de subtítulos por defecto.

Para modificaciones entre fases y locales, lee Colaboración. Esta fase entrega candidatos de director, secuencia de estados estáticos, storyboard completo y plan de verificación; no produce animación, TTS ni audio. Puede usar $imagegen para generar material sin texto o dibujar mediante programa, luego sintetizar imágenes estáticas con fuentes reales. Solo modifica la habilidad, no genera imágenes. Si ya existe una ruta o autorización clara, no repite la selección de casos al detallar.

Investigación y Selección de Ruta de Visualización

Según Opciones de Director, busca direccionalmente referencias de planos, operaciones y edición para el inicio, eventos centrales y puntos difíciles. Explica el alcance real de la visualización y la inspiración específica; no inventes secuencias completas de movimiento o sonido a partir de una sola imagen.

Mantén el contenido y los mecanismos ya seleccionados. Normalmente da 2–3 rutas de visualización clave, comparando qué se ve primero, qué se ignora temporalmente, cómo aparecen los desencadenantes, el orden de acción y retroalimentación, cuándo se descubren los resultados, y la carga emocional y de lectura. Puede reutilizar diagramas de estado y, si es necesario, complementar con storyboards aproximados estáticos. No reabra el texto completo ni el arte, ni solo dé tres velocidades: rápida, media y lenta.

Da razones y espera la selección del usuario. No desarrolles el storyboard completo de un caso antes de la selección. Solo detalla después de una selección clara o autorización existente; no se puede autoseleccionar por tiempo de espera.

Primero Eventos, Luego Planos

Según Campos Completos, organiza un descubrimiento de conocimiento en un evento observable. Un evento puede abarcar varios planos, y un plano puede contener eventos relacionados consecutivos. No asignes una oración por plano ni cortes uniformes según segundos fijos. Cada plano debe especificar claramente:

  1. Estado Inicial: Espacio, posición/postura de objetos, relaciones existentes y estado actual.
  2. Desencadenante: Qué hace que los objetos actúen, las condiciones cambien o el sistema varíe.
  3. Acción Principal: Quién se mueve primero, dirección, movimiento y partes estables, cambios de velocidad. Prohibido usar "mostrar ansiedad", "reflejar conexión", "generar emoción" en lugar de comportamiento.
  4. Contacto/Obstáculo/Retroalimentación: Posición, fuerza, obstrucción, respuesta y cambios. Sin contacto físico, escribe otras observaciones posibles. Si no hay obstáculo, se puede aclarar que no existe; no inventes conflictos para llenar la estructura.
  5. Resultado y Consecuencias: Nuevo estado visible, información obtenida por el espectador, duración de retención e impacto posterior.
  6. Orden de Visualización: Qué reconoce primero el espectador, cuándo ve las condiciones y resultados. El movimiento de cámara se usa para revelar, no para hacer que una imagen estática parezca moverse.
  7. Complemento de Texto: Decide después de organizar el evento. Escribe el contenido real mostrado, propósito, ventana de lectura y razón por la que no se puede omitir.

Según la expresión real, explica styleVersion, espacio/escenario, relación de sujetos, forma/material, claroscuro/iluminación, composición/área segura de texto, dinámica por fases. Para animación 2D, no rellenes ficticiamente iluminación y materiales complejos, ni fuerces una plantilla fija o cambio de fondo. Escribe el primer fotograma, pistas y expectativas visibles, revelación, estado final y continuación, proporciona cámara, movimiento, sonido, activos y riesgos de implementación. Para 2D, escribe los cambios reales del escenario, no rellenes ficticiamente distancia focal.

Texto, Lectura y Sonido

Los planos narrativos por defecto priorizan la ausencia de subtítulos explicativos. Cuando sea necesario, usa palabras y frases cortas. Para planos normales, se puede hacer referencia a aproximadamente 8–12 caracteres por pantalla, ajustando según la dificultad de lectura. Títulos, gráficos, definiciones, citas y condiciones indispensables no tienen límite mecánico de caracteres; no se puede reducir el tamaño de fuente o alargar toda la película para acomodar texto. Sin narración, no se coloca el texto completo de la pista de conocimiento en la pantalla.

Según Movimiento y Lectura, alterna acciones complejas con picos de lectura. La pausa sirve para ver claramente el proceso, resultado, conocimiento necesario o emoción. Para acortar, prioriza eliminar repeticiones y esperas vacías, no acelere uniformemente.

El sonido solo escribe eventos visibles, material, fuerza, inicio/movimiento/contacto/retroalimentación/resultado y silencios, usando event_id. La música sigue la versión ya confirmada. Los puntos precisos de sincronización audiovisual se generan a partir de la misma tabla de eventos en la cuarta fase; no inventes puntos de sincronización ficticios.

Prueba de Dirección Sin Subtítulos y Diseño de Continuidad

Según Revisión de Storyboard, oculta temporalmente los subtítulos explicativos, manteniendo la información necesaria de la escena, nombres de ejes, unidades y condiciones indispensables. Revisa párrafos clave: qué sucede, qué afecta a qué, cómo cambia, cómo se conectan los resultados. No es necesario que todo el término se entienda sin texto; si el proceso básico es completamente ilegible, primero modifica el evento y el orden, no añadas subtítulos largos como solución.

Verifica si hay cambios nuevos desde el estado inicial al final, si hay saltos en el medio, si la identidad y el espacio son estables, si la reacción ocurre después del desencadenante, si el contacto/obstrucción es creíble, si el resultado tiene tiempo de visualización, si la transición preserva la información necesaria. En esta etapa es una secuencia estática y una simulación de diseño; no se afirma haber verificado movimiento, reproducción en tiempo real o sonido. Indica claramente el intervalo y las condiciones de éxito para que la cuarta fase verifique con muestras continuas.

Vista Previa y Entrega Según Necesidad

Por defecto, formato horizontal 16:9, 1920×1080, 30fps; prioriza requisitos existentes. Después de la selección, entrega referencias de versión de doble pista, intención del director, storyboard completo de eventos, texto necesario, intención de sonido, muestras de riesgo y elementos bloqueados, con asociación estable de shot_id / beat_id / concept_id / event_id. Si Markdown es suficiente, no generes JSON adicional; cuando la interfaz de máquina lo necesite, se genera según los campos de referencia.

Cuando se necesite ayuda para juzgar, proporciona diagramas de postura/estado o storyboards aproximados según los puntos difíciles. Sin límite de cantidad; no se obliga a tener tres imágenes de ambiente/información/concepto ni su aprobación. El subagente independiente verifica si el evento tiene un proceso observable y atractivo; después de las modificaciones, entrega el intervalo de riesgo y las condiciones de éxito. La fluidez real del movimiento aún la verifica la fase de producción con evidencia continua. Sin datos reales, no se inventan valores.

Solo planifica; la planificación termina en la planificación. Bajo autorización de producción completa, las muestras técnicas posteriores son verificadas autónomamente por $vibe-knowledge-render, sin nuevas aprobaciones. Si el conocimiento se distorsiona, vuelve a la primera fase; si el mecanismo no es válido, vuelve a la segunda fase; el momento y la continuidad se corrigen en esta fase. Fuentes en Explicación.

Skills relacionados