hyperframes-studio

Instalación del complemento: Antes de los comandos de configuración o actualización, siga las reglas de ejecución del complemento cuando esta skill esté dentro de un complemento HyperFrames. Las instalaciones independientes mantienen las instrucciones de actualización a continuación.

Convenciones de HyperFrames Studio

Studio dibuja una fila de línea de tiempo por elemento de nivel superior. Un proyecto que sigue las reglas a continuación se abre como una línea de tiempo corta y legible; uno que no lo hace se abre como un muro de filas sin etiquetar que el usuario no puede editar. Estas son convenciones sobre qué construir. Para saber cómo cambiar un clip, siga /hyperframes-core references/creator-editing-recipes.md y nunca invente una forma diferente de la misma edición.

0. Hable antes de construir

Lea el mensaje antes de abrir un archivo. Decida lo que pide:

La persona	Usted
nombra un cambio, por cortés que sea ("haz el título más grande", "¿puedes cortar la tercera escena?")	Hágalo.
da una nota sentida sobre la película construida ("la introducción se siente entrecortada", "no es lo suficientemente larga")	Encuentre la causa, cambie lo mensurable, diga lo que significaba la nota y qué se movió, y regístrelo según /hyperframes-creative references/storyboard-recipe.md § 4.
hace una pregunta y no nombra ningún cambio ("¿por qué salta el título?")	Respóndala. No cambie nada.
dice que no cambie nada, espere, "solo estoy pensando", "hablemos"	No cambie ningún archivo, ni siquiera una corrección que haya notado. Ofrézcala en palabras.
trae una idea para esta película sin un cambio concreto ("quiero que el final se sienta más grande")	Proponga el cambio y agréguelo al plan (abajo). No cambie ningún archivo de composición.
pide una nueva película	Planifíquela (§ 5).
aprueba un plan ("constrúyelo", "adelante")	Construya lo que se aprobó.

Un mensaje que hace una pregunta y nombra un cambio recibe la respuesta y el cambio. Solo cuando no sepa si pide algo es una conversación: una respuesta incorrecta cuesta un mensaje; una construcción incorrecta cuesta una ejecución larga y una ronda de notas.

Una respuesta de conversación:

• Responda primero, en palabras sencillas, en unas pocas frases.
• Haga solo preguntas cuya respuesta cambie la película, cada una con una respuesta recomendada y su compensación ("30 segundos caben en un feed; 60 dejan espacio para la demostración").
• Cuando haya una idea que dar forma: para una nueva película, direcciones según /hyperframes references/pitch-round.md; para una idea sobre esta película, dos o tres opciones para la parte nombrada. Recomiende una.
• Termine con el siguiente paso y la palabra que lo inicia ("Di 'construye' y empezaré").

Mantenga el plan en el proyecto, no solo en el chat: el siguiente mensaje puede iniciar una nueva sesión que no vea esta. Agréguelo a STORYBOARD.md como /hyperframes-creative references/storyboard-recipe.md § 4 registra una ronda; nunca sobrescriba fotogramas bloqueados. Si la persona le pidió que no cambiara nada, no escriba nada: ponga el plan en la respuesta y ofrezca guardarlo.

1. Cada escena es una subcomposición

La composición raíz contiene solo hosts temporizados, medios y audio. Cualquier escena con estructura anidada (un div que contiene hijos, un título con un subtítulo, un gráfico) es su propio archivo cargado con data-composition-src, cableado en references/sub-compositions.md.

El marcado anidado que queda dentro de la raíz no se convierte en una fila propia. Se esconde dentro de una fila opaca que no se puede recortar ni mover parte por parte.

Autorice como si un lint de estructura rechazara cualquier violación.

2. Una pista de subtítulos

• Todos los subtítulos viven en una pista: un solo host de subcomposición (un data-track-index) marcado data-track-kind="captions" que lleva cada grupo de subtítulos en orden.
• Nunca una fila por grupo de subtítulos, y nunca subtítulos mezclados en una pista con otro tipo.
• Las reglas de sincronización de palabras no cambian: consulte /embedded-captions y las reglas de lint caption_*.

3. Un tipo de elemento por pista

Agrupe por tipo para que cada fila sea una cosa que el usuario pueda seleccionar, silenciar o arrastrar como un conjunto.

Tipo	data-track-kind
Video base / Toma principal	video (de la etiqueta)
Escenas, superposiciones, gráficos	graphics
Subtítulos	captions
Audio (voz en off, música, efectos de sonido)	audio (de la etiqueta)

Ponga data-track-kind en los hosts de subcomposición. Los tipos de video y audio provienen de la etiqueta, por lo que <video> y <audio> no necesitan atributo. Dé a cada tipo su propio data-track-index; el número es solo de visualización; nunca cambia lo que se renderiza encima. Use CSS para las capas.

4. Zonas seguras

Cualquier regla o superposición de cuadro seguro vive en el panel de vista previa, nunca dentro de la composición, por lo que no agregue elementos de guía al HTML. Ambos encuadres (ancho y vertical) usan los mismos dos cuadros seguros, los valores predeterminados de Premiere. La alternancia de vista previa los dibuja con una marca en el punto medio de cada borde. Fuente: ACTION_SAFE_PERCENT y TITLE_SAFE_PERCENT en packages/studio/src/utils/previewSafeMargins.ts.

Cuadro	Porción del fotograma	Margen interior en cada borde
Seguro de acción	90%	5%
Seguro de título	80%	10%

• Márgenes seguros: todo lo visible permanece dentro del cuadro seguro de acción (90%), y los subtítulos y el contenido clave permanecen dentro del cuadro seguro de título (80%).
• Los diseños de dos columnas y 50/50 mantienen el contenido de cada mitad dentro del cuadro seguro de título.

5. Una nueva película: planificar, guion gráfico, construir

Las películas de hyperframes-launches se hicieron en este orden. Cada paso tiene un propietario; sígalo y no lo repita aquí.

Paso	Propietario
1. Brief	/hyperframes references/intent-interview.md. Dentro de un proyecto existente, solo se mantiene un seguimiento de la misma película: una nueva versión o un resumen, mismo flujo de trabajo y relación de aspecto. Haga sus preguntas imprescindibles, omita hyperframes init, nunca sobrescriba BRIEF.md o STORYBOARD.md, agregue una nueva sección fechada a cada uno, y dígalo en la respuesta. Una película con un flujo de trabajo o relación de aspecto diferente comienza un nuevo proyecto, y la respuesta lo dice.
2. Direcciones	/hyperframes references/pitch-round.md
3. Guion gráfico	/hyperframes-creative references/storyboard-recipe.md
4. Construir	El flujo de trabajo al que dirige el brief (/hyperframes § 2) y sus propias referencias
5. Notas	/hyperframes references/review-loop.md

Lo que agregan las películas de lanzamiento, para un lanzamiento de producto. Cuando el arco elegido del flujo de trabajo diga lo contrario, el arco gana.

• Metraje real para el producto lanzado. Pida una grabación de pantalla en el brief a menos que el flujo de trabajo la capture por sí mismo (un sitio desde su URL), y reserve su espacio con un marcador de posición etiquetado hasta que llegue. Nunca aproxime la interfaz de usuario del producto lanzado. Una herramienta de terceros mostrada como contexto (una aplicación de chat, un editor) se reconstruye fielmente a partir de una captura.
• Un mundo. La misma ventana o lienzo continúa a través de los tiempos. Examine cada corte: lo que persista no debe saltar.
• Cursores y contenido desplazado. Un cursor, o contenido que la ventana misma desplaza hacia afuera, sale por el borde de la ventana o del fotograma, no desvaneciéndose en el medio del fotograma. Los intercambios de elementos y texto siguen el cut-catalog.md del flujo de trabajo cuando lo tiene.
• Cierre en el comando o la dirección, con el logotipo aterrizando en un metraje que todavía se mueve.
• Indique el tiempo de ejecución en cada versión. Exceder el objetivo es decisión de la persona, no suya.

Comprobando su trabajo

Ejecute hyperframes lint y corrija cada hallazgo. Luego abra el proyecto en Studio y verifique que la línea de tiempo muestre una fila base, una fila por host de escena, una fila de subtítulos y las filas de audio.