Communitygithub.com

courtneymgabrus-star/Video

Crea o edita composiciones personalizadas de HyperFrames cuando ningún flujo de trabajo especializado se ajusta, o cuando BRIEF.md establece flow: companion. Útil para piezas largas o de múltiples escenas, reels de marca y sizzle, montajes, bucles estáticos, tarjetas de título estáticas, remezclas de metraje y construcciones de forma libre. Usa motion-graphics para una unidad corta sin narración basada en movimiento, incluyendo un título animado. Enruta la creación nueva a través de hyperframes antes de usar este skill.

¿Qué es Video?

Este skill de agente de IA te permite crear o editar composiciones de video personalizadas en HyperFrames cuando los flujos de trabajo existentes no son adecuados. Es ideal para proyectos como reels de marca, montajes, bucles, tarjetas de título, remezclas de metraje y construcciones de forma libre, tanto para piezas de una sola escena como de múltiples escenas. El skill se integra con otras herramientas como `/media-use` para la gestión de activos (audio, imágenes, gradación, etc.) y `/figma` para activos de Figma. Sigue un flujo de trabajo estructurado que comienza con la comprobación del uso de la API, la aplicación de adaptadores de código abierto, la inicialización del proyecto, la interpretación del modo de flujo (automatización o acompañamiento), la carga de conocimientos específicos para cada etapa (como guiones gráficos, animación, medios), y finalmente la ejecución de la composición con un plan detallado. El skill soporta tanto flujos automatizados como colaborativos (flow: companion), donde el agente actúa como un director creativo, sugiriendo el mejor tratamiento posible en lugar de la solución más mínima.

Compatible con~Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/courtneymgabrus-star/Video/tree/HEAD/.agents/skills/general-video

Preguntar en tu IA favorita

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

Documentación

Instalaciones de plugins: Antes de los comandos de configuración o actualización, sigue las reglas de ejecución de plugins cuando este skill esté dentro de un plugin de HyperFrames. Las instalaciones independientes mantienen las instrucciones de actualización a continuación.

Video general

Ejecuta npx hyperframes usage --json al inicio a menos que el flujo de trabajo lo acabe de leer, luego vuelve a comprobarlo en hitos como después del borrador y antes de renderizar. Lee las ventanas disponibles y los tiempos de reinicio. Si el uso es desconocido, dilo sin adivinar la asignación; mantén el alcance y las opciones de flujo de trabajo con el usuario.

Antes de confiar en este flujo de trabajo, ejecuta:

npx hyperframes skills update general-video

Un no-op exitoso significa que el skill está actualizado. Reporta un fallo de actualización en lugar de continuar desde la memoria.

1. Aplicar adaptadores de código abierto

  • Medios: Para cualquier necesidad de audio, imagen, icono, logotipo, voz, gradación, LUT, tratamiento/efecto, subtítulos u operación de medios, carga /media-use y sigue ../media-use/references/resolve.md (resolver, adoptar, reutilizar) y ../media-use/references/setup-providers.md (proveedores, autenticación). La retroalimentación vaga de metraje y los estilos nombrados usan ../media-use/references/media-treatments.md antes de editar; no improvises efectos de medios compatibles con CSS/SVG/opacidad. Antes de la primera acción autenticada del proveedor, ejecuta npx hyperframes auth status y transmite su salida textualmente. Si no has iniciado sesión, aplica la puerta en ../hyperframes/references/brief-contract.md: colaborativo espera el inicio de sesión o una elección explícita sin conexión; autónomo indica el estado y continúa a través de un proveedor offline disponible. Reporta un bloqueo cuando ningún proveedor offline pueda satisfacer una capacidad requerida. La adopción local por sí sola no requiere una puerta de autenticación.
  • Figma: Si alguna entrada es una URL de figma.com, ejecuta /figma primero. Construye a partir de sus activos exportados, tokens, componentes o fotogramas de guión gráfico. No uses llamadas directas al conector de Figma porque omiten la sanitización SVG, la procedencia de medios y la vinculación de tokens de marca.

Estos adaptadores no cambian el flujo de trabajo seleccionado por /hyperframes.

2. Iniciar desde el estado del proyecto

Aplica la primera fila coincidente; no evalúes filas de estado inferiores:

EstadoAcción
Edición específicaRealiza la edición, conserva las decisiones existentes del proyecto y luego vuelve a ejecutar las comprobaciones afectadas. No reabras el descubrimiento.
BRIEF.md existeLéelo. Si workflow nombra otro flujo de trabajo y flow no es companion, transfiere. No hagas preguntas sobre el brief.
Sin brief, pero hyperframes.json o STORYBOARD.md existeReanuda desde los archivos y preferencias registradas. Rellena BRIEF.md solo a partir de hechos conocidos.
Creación nuevaEjecuta /hyperframes y su capa de intención. Regresa aquí solo para workflow: general-video o flow: companion.

Para un proyecto nuevo, elige un nombre de directorio en kebab-case a partir del brief y crea el andamiaje antes de escribir el brief:

npx hyperframes init "videos/<proyecto>" --non-interactive --example=blank --skill=general-video

Luego escribe BRIEF.md en la raíz del proyecto usando ../hyperframes/references/brief-format.md. En un proyecto existente, la raíz es el directorio que contiene hyperframes.json. Registra solo los campos respaldados por preferencias confirmados nombrados por el formato del brief, usando node <MEDIA_DIR>/scripts/prefs.mjs record --hyperframes <PROJECT_ROOT>; nunca registres valores predeterminados inferidos. Aquí <MEDIA_DIR> es el directorio del skill /media-use instalado y <PROJECT_ROOT> es el directorio que contiene hyperframes.json. Si la capa de intención adoptó una receta, aplícala ahora con node <MEDIA_DIR>/scripts/recipe.mjs use --hyperframes <PROJECT_ROOT> --name <nombre> y no preguntes de nuevo.

3. Interpretar la forma de ejecución

Usa solo los términos canónicos de ../hyperframes/references/brief-contract.md:

CampoSignificadoEfecto
flowQuién dirigeautomation: elige y ejecuta la ruta. companion: co-crea en conversación.
storyboardPlanificar, esbozar y revisar antes de construiryes: ejecuta la revisión del plan y del esbozo (boards/storyboard.html, formato en ../hyperframes-creative/references/storyboard-recipe.md). no: construye sin ello.
mode derivadoCómo se comportan las puertas de control de calidadSigue el contrato del brief. Nunca le pidas al usuario que nombre un modo.

No inventes sinónimos para estos estados. Una señal continua de "solo constrúyelo" es manejada por la capa de intención y llega como flow: automation, storyboard: no.

  • Para flow: automation, elige la ruta y exprésala en una línea en la primera actualización de progreso.
  • Para una edición específica, realiza la edición sin inventar una nueva ruta.

Para un corte directo, recorte, empalme o reordenación del metraje existente, duplica la misma fuente de video en múltiples elementos de clip. En cada copia, establece el rango de origen con data-media-start más data-duration, luego establece la colocación/orden creado con data-start. Cada segmento de video conserva su sonido: el sonido permanece en el clip (data-has-audio="true"), por lo que cortar el video corta su sonido. /hyperframes-core posee esta edición temporal; usa /hyperframes-keyframes solo para la animación de propiedades visuales como zoom, golpe, paneo, recorte, máscara o clip-path en un envoltorio interno. Copia los contratos completos de ../hyperframes-core/references/creator-editing-recipes.md.

Flujo de acompañamiento

Cuando flow: companion:

  • Lee BRIEF.md y concilia los ## Assets y ## Customizations aceptados con los artefactos del proyecto. Completa el trabajo aceptado que aún está pendiente; deja el trabajo completado como está; no ofrezcas una capacidad aceptada nuevamente como si fuera nueva.
  • Llega como el director, no el contratista. Un usuario que eligió acompañamiento eligió implicación y calidad; la respuesta honesta es la mejor versión que puedas diseñar, no la más pequeña que puedas defender. El primer plan es el tratamiento techo: el arco narrativo (toma prestada la lente de género más cercana — menú § Lentes de género), la especificación de diseño, el tratamiento de movimiento de cada escena citado por nombre (disciplina de plan § 5), las transiciones, la identidad de audio — música y marcas de sonido, o silencio deliberado — el material del usuario colocado, y una apertura y cierre diseñados. Di lo que cada capa añade en una línea; marca las costosas (tiempo de renderizado, inicio de sesión, facturación) a medida que las nombras. El usuario recorta un tratamiento; nunca deberían tener que ensamblar uno aprobación por aprobación.
  • El techo pertenece al concepto, no a la caja de herramientas. Cada capa debe servir al mensaje del brief — un tratamiento que vestiría cualquier video de la misma manera es decoración. La artesanía se eleva hasta el techo; el contenido nunca crece más allá de lo solicitado (§ 6).
  • Entre los puntos de control, ../hyperframes/references/capability-menu.md funciona de dos maneras. Como la lista de activación: ofrece una capacidad relevante cuando el usuario menciona su entrada o la construcción llega a su necesidad. Como el canal de mejora de cada pasada: un punto de control de plan, esbozo o construcción puede llevar una o dos ofertas rastreadas apuntando al material que el usuario está viendo ("el stat de la escena 3 quiere el tratamiento de contador"). Léelo antes de ofrecer; nunca vuelques el catálogo completo.
  • Después de que el usuario acepte una capacidad, produce su artefacto y registra la decisión en la sección del cuerpo de BRIEF.md correspondiente inmediatamente. Reescribe un campo de frontmatter y registra la preferencia confirmada solo cuando el usuario la cambie explícitamente.
  • Mantén las mismas puertas de guión gráfico, validación, vista previa final y aprobación de renderizado. Acompañamiento cambia quién dirige, no lo que requiere la calidad.

4. Cargar el conocimiento requerido antes de cada etapa

Estas lecturas son obligatorias cuando su condición coincide:

CondiciónLeer antes de actuar
Cualquier HTML de composición o diseño de escena/hyperframes-core; usa references/determinism-rules.md para su contrato de diseño
Cualquier creación o tratamiento visual no trivial/hyperframes-creative → references/house-style.md y references/video-composition.md
Cualquier movimiento, animación o transición de escena/hyperframes-animation; sigue su enrutamiento a las reglas, adaptadores, planos o referencias de transición coincidentes
storyboard: yes../hyperframes/references/storyboard-format.md y ../hyperframes/references/review-loop.md
Cualquier activo u operación de medios, incluyendo narración, BGM, SFX, subtítulos, gradación o transformaciones/media-use (las herramientas de música y efectos de sonido propias de la aplicación anfitriona tienen prioridad para esos); para la reproducción y colocación del framework también lee /hyperframes-core → references/variables-and-media.md
Ensamblaje de múltiples escenas../hyperframes/references/production-loop.md
flow: companion, antes del primer plan/hyperframes-creative → references/story-spine.md y references/house-style.md; la lente de género más cercana y el ../hyperframes/references/capability-menu.md completo — el tratamiento techo se diseña a partir de estos, no se recuerda
Una oferta de capacidad de acompañamiento, captura, cuadrícula de tiempo, video generativo, mapa, publicación o capacidad de flujo de trabajo cruzado../hyperframes/references/capability-menu.md
Existe una especificación de diseño, antes de la aprobación final/hyperframes-creative → references/design-adherence.md

No reemplaces estas lecturas con el recuerdo. La divulgación progresiva ahorra contexto solo cuando la referencia coincidente está realmente cargada.

5. Ejecutar la composición

Usa este orden de dependencias. Omite una etapa solo cuando su entrada esté ausente.

  1. Plan. Expresa el arco del espectador, la estructura, el ritmo y el controlador de duración. Usa un archivo para una escena corta única; usa subcomposiciones para tres o más cortes de escena duros o cualquier escena reutilizada. Lee /hyperframes-creative → references/story-spine.md para arcos narrados, references/beat-direction.md para el ritmo, y /hyperframes-core → references/composition-patterns.md para la estructura. Para un brief de múltiples escenas abierto, expande el mensaje a través de /hyperframes-creative → references/prompt-expansion.md. Un plan de múltiples escenas cita la forma de cada escena: un ID de plano de /hyperframes-animation → blueprints-index.md cuando uno encaja, o las reglas nombradas que lo componen de rules-index.md cuando ninguno lo hace — los nombres de movimiento provienen de esos índices, nunca inventados. La verdad de la historia decide qué escenas existen; la cita las viste. Busca en el catálogo en vivo antes de planificar construir cualquier aspecto nombrado tú mismo: para cada aspecto, efecto, tratamiento o transición que nombre el brief — "líneas de barrido CRT", "glitch", "grano de película", "barrido brillante", "explosión de confeti" — ejecuta npx hyperframes catalog --query "<el aspecto, en inglés sencillo>" --json y lee los mejores resultados antes de que el plan nombre cómo se construye ese aspecto. La búsqueda no necesita nada instalado: ningún proyecto, ningún add previo, ninguna cuenta. Clasifica todo el registro alojado (~400 bloques y componentes) desde cualquier directorio, por lo que también se aplica cuando el usuario solo quiere un cambio rápido.

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

courtneymgabrus-star/Video

Add captions or subtitles to an existing single-subject talking-head video without editing the footage. Use for plain verbatim captions, cinematic captions embedded behind the subject, VFX captions, “炸/特效/酷炫字幕,” or a named identity from the 35-style catalog. Route by visual identity, not by backend engine. The quiet `anchor` rail is the default; embed every word only when the user explicitly wants a fully cinematic treatment. The workflow runs locally end to end, including transcription and subject matting; split multi-shot footage before applying it.

courtneymgabrus-star/Video

Turn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or footage to capture, so the visuals are invented per scene (typography, abstract graphics, diagrams, data-viz). Use for topic explainers, concept breakdowns, how-tos, listicles. Not a video built from a website (/product-launch-video — promo or tour). Unclear → /hyperframes.

courtneymgabrus-star/Video

Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as states, not slides) (REST/CLI), connector-assisted motion when available, and shaders from a connector or native export. Use when the user pastes a figma.com link or asks to bring a Figma design, frame, logo, brand, or animation into a video/composition.

courtneymgabrus-star/Video

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.

Skills relacionados