Communitygithub.com

Drama2557/4RealDigital-Video-Studio

Crea o edita una composición personalizada de HyperFrames cuando ningún flujo de trabajo especializado se ajuste, o cuando BRIEF.md establezca flow: companion. Ideal para piezas largas o de múltiples escenas, videos de marca, montajes, bucles estáticos, tarjetas de título, remezclas de material y construcciones libres. Usa motion-graphics para una unidad corta y sin narración centrada en movimiento, incluido un título animado. Enruta la creación nueva a través de hyperframes antes de usar esta skill.

¿Qué es 4RealDigital-Video-Studio?

Esta skill, **general-video**, es un flujo de trabajo integral y altamente estructurado dentro del ecosistema HyperFrames, diseñado para la creación y edición de composiciones de video personalizadas, particularmente aquellas que no encajan en flujos de trabajo más especializados. Es ideal para piezas de múltiples escenas, como videos de marca, montajes, bucles, tarjetas de título y remezclas, actuando como un 'director de estudio' que guía al agente de IA desde la interpretación de un brief hasta la composición final. El flujo de trabajo impone una disciplina rigurosa: comienza con la actualización de la skill, la aplicación de adaptadores de fuentes transversales (como medios y Figma), y la determinación del estado del proyecto (edición específica, existencia de BRIEF.md o creación nueva). Luego, interpreta la modalidad de ejecución (automation vs. companion) y, para el flujo companion, adopta un rol de 'director' que propone un 'tratamiento de techo' ambicioso y revisa las capacidades disponibles, en lugar de un simple contratista. La ejecución se divide en fases obligatorias: planificación (citando planos de `/hyperframes-animation`), construcción de escenas (con una estrategia de empaquetado para escalar de manera eficiente), validación y renderizado final, todo ello basado en el conocimiento cargado de módulos especializados (`/hyperframes-core`, `/hyperframes-creative`, `/media-use`). La skill está diseñada para Claude Code y agentes similares que operan con el SDK de HyperFrames, garantizando un proceso determinista, de alta calidad y colaborativo que evita la improvisación y maximiza el control creativo.

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

Preguntar en tu IA favorita

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

Documentación

Video general

Antes de confiar en este flujo de trabajo, ejecuta:

npx hyperframes skills update general-video

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

1. Aplicar adaptadores de fuentes transversales

  • Medios: Para cualquier necesidad de audio, imagen, icono, logo, voz, gradación, LUT, tratamiento/efecto, subtítulo u operación multimedia, 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 sobre material y los estilos nombrados utilizan ../media-use/references/media-treatments.md antes de editar; no improvises efectos multimedia 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 compuerta en ../hyperframes-core/references/brief-contract.md: colaborativo espera el inicio de sesión o una elección explícita de modo offline; autónomo informa del estado y continúa a través de un proveedor offline disponible. Informa de un bloqueo cuando ningún proveedor offline pueda satisfacer una capacidad requerida. La adopción local por sí sola no requiere una compuerta 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 guion gráfico. No uses llamadas directas al conector de Figma porque omiten la sanitización de SVG, la procedencia de los medios y la vinculación de tokens de marca.

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

2. Comenzar 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, preserva 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 existenReanuda desde los archivos y las 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 la estructura antes de escribir el brief:

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

Luego escribe BRIEF.md en la raíz del proyecto usando ../hyperframes-core/references/brief-format.md. En un proyecto existente, la raíz es el directorio que contiene hyperframes.json. Registra solo los campos confirmados respaldados por preferencias que nombra 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 de la skill /media-use instalada 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 <name> y no vuelvas a preguntar.

3. Interpretar la forma de ejecución

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

CampoSignificadoEfecto
flowQuién dirigeautomation: elegir y ejecutar la ruta. companion: co-crear en conversación.
storyboardSi el tablero es una superficie de revisiónyes: ejecutar plan y revisión de bocetos. no: construir sin el tablero.
mode derivadoCómo se comportan las compuertas de controlSigue 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 exponla 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.

Flujo companion

Cuando flow: companion:

  • Lee BRIEF.md y concilia las secciones aceptadas ## Assets y ## Customizations con los artefactos del proyecto. Completa el trabajo aceptado que aún esté pendiente; deja el trabajo completado en paz; no ofrezcas una capacidad aceptada nuevamente como si fuera nueva.
  • Llega como el director, no el contratista. Un usuario que eligió companion eligió participació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 de 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 (§ 5 de la disciplina del plan), 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 añade cada capa en una línea; marca las caras (tiempo de renderizado, inicio de sesión, facturación) a medida que las nombres. El usuario reduce un tratamiento; nunca debería tener que montar 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 asciende al techo; el contenido nunca crece más allá de lo solicitado (§ 6).
  • Entre 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 alcanza su necesidad. Como el canal de actualización de cada pasada: un punto de control de plan, boceto o construcción puede llevar una o dos ofertas rastreadas apuntando al material que el usuario está viendo ("la estadística 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 compuertas de guion gráfico, validación, vista previa final y aprobación de renderizado. Companion cambia quién dirige, no lo que la calidad requiere.

4. Cargar el conocimiento requerido antes de cada etapa

Estas lecturas son obligatorias cuando su condición coincide:

CondiciónLeer antes de actuar
Cualquier composición HTML o diseño de escena/hyperframes-core; usa references/determinism-rules.md para su contrato de diseño
Cualquier creación no trivial o tratamiento visual/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 correspondientes
storyboard: yes../hyperframes-core/references/storyboard-format.md y ../hyperframes-core/references/review-loop.md
Cualquier activo u operación multimedia, incluyendo narración, BGM, SFX, subtítulos, gradación o transformaciones/media-use; para reproducción y colocación del framework, también lee /hyperframes-core → references/variables-and-media.md
Ensamblaje de múltiples escenas../hyperframes-core/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 de techo se diseña a partir de estos, no se recuerda
Una oferta de capacidad companion, captura, cuadrícula de ritmo, video generativo, mapa, publicación o capacidad entre flujos de trabajo../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 recuerdos. La divulgación progresiva ahorra contexto solo cuando la referencia coincidente se carga realmente.

5. Ejecutar la composición

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

  1. Plan. Expón 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 duros de escena 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 abierto de múltiples escenas, 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 compone 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. Un plan de múltiples escenas también se registra como el artefacto de despacho: un bloque ## Frame N por escena en STORYBOARD.md — status: outline, un src: declarado, la cita del plano/reglas y el texto del ritmo — incluso cuando storyboard: no. El bloque es la unidad de despacho; el tablero es solo la superficie de revisión.

  2. Revisar el plan cuando se solicite. Para storyboard: yes, ejecuta el bucle de revisión compartido sobre esos bloques. Para storyboard: no, continúa sin abrir el tablero. Cuando ocurra una pausa del plan de todos modos, pliega la concesión de delegación del subagente (necesaria para que codex ejecute el paso 4) en esa pausa en lugar de detenerse nuevamente más tarde.

  3. Resolver dependencias. Instala bloques de registro antes del trabajo en paralelo. Prepara los activos del usuario, adopta medios existentes y resuelve solo lo que requiere el brief. Inicia el audio temprano cuando sus tiempos marquen la duración.

  4. Construir escenas. Para una pieza corta de una sola escena, implementa la escena en su momento más visible antes de añadir movimiento (el wireframe confirmado, cuando esté presente, es ese estado final y no debe redibujarse), luego anima desde su plano o reglas citadas — lee el cuerpo completo de la receta (/hyperframes-animation → blueprints/<id>.md, rules/<id>.md) antes de escribir el movimiento.

    El despacho solo vale la pena a escala. La creación de paquetes y el calentamiento de contextos de trabajador frescos cuesta minutos y tokens reales: un film de hasta ~6 escenas cortas se construye MÁS RÁPIDO en línea, en este contexto, una escena tras otra (medido: 5 escenas cortas ≈ 9 min en línea vs ≈ 21 min empaquetado). Distribuye solo cuando el plan supere eso — más escenas, o individualmente pesadas — y luego da a cada trabajador 2–3 escenas, no una, y genera todos los trabajadores en una sola oleada (una segunda oleada casi duplica la ventana). Al distribuir:

    node <SKILL_DIR>/scripts/frame-packets.mjs --project "$PROJECT_DIR" --storyboard "$PROJECT_DIR/STORYBOARD.md"

    El constructor escribe un paquete acotado por escena en .hyperframes/frame-packets/ (el bloque exacto del guion gráfico de la escena + el cuerpo del plano + cada receta de regla citada, en línea) y _role.md (../hyperframes-core/references/frame-worker-instructions.md – leído en el paquete). Luego el planificador lanza una oleada única: node <SKILL_DIR>/scripts/dispatcher.mjs --project "$PROJECT_DIR" --packets .hyperframes/frame-packets.

  5. Validar la composición. Después de la composición, lee /hyperframes-core → references/composition-validation.md y ejecuta todas las comprobaciones. Vuelve al paso 1 o 4 para escenas fallidas; no hagas correcciones improvisadas.

  6. Renderizar. Para renderizar, el flujo de trabajo sigue su contrato de renderizado estándar y las solicitudes del usuario.

6. Contrato de contenido

El contenido de la composición nunca supera lo solicitado en el brief. Las mejoras de tratamiento y producción son elecciones de artesanía dentro de ese alcance, no hinchazón.

7. Contrato de compuerta

flow: companion mantiene las mismas compuertas de revisión: aprobación de guion gráfico, validación, vista previa final y aprobación de renderizado. No se salta ninguna compuerta. No se degradan contratos de calidad.

Individual skills in this repo

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

Drama2557/4RealDigital-Video-Studio

Overlay doctrine for the embedded-captions workflow — the caption MODEL (drop / rail / embed) and the rule that captions are an OVERLAY composited on top of the film, never a reserved bottom band you shift content up to avoid. Load when adding captions/subtitles to a talking-head or launch video, when deciding whether a phrase should be dropped, ride the verbatim rail, or be promoted to a scarce embedded climax, when laying out a composition that will carry captions (do NOT reserve a keep-out band), or when centering a composition on the true frame center under captions. Quotes the rail+embed model from embedded-captions and constraint #13 (captions overlay, keep-out band retired) from the product-launch-video scene agent. Applies ON TOP of embedded-captions.

Drama2557/4RealDigital-Video-Studio

Turn a weekly changelog .md into a finished branded changelog video (square 1080, ~45-60s, Annie VO, animated brand background, mock-UI visualizations, lowkey captions). Use when the user provides a changelog/digest markdown and wants the weekly video, or says "changelog video". Self-contained — fonts, background, lexicon, and scripts ship in this skill.

Drama2557/4RealDigital-Video-Studio

The technique catalog: five velocity-matched SEAMS (zoom-through, INVERSE zoom-through, cut-the-curve, waterfall cut, rack-focus blur-cut) plus the two in-scene techniques — waterfall ENTRY (staggered arrival cascades for title cards / segment openers) and the nudge curve (slow-fast-slow three-phase group slides). Covers partial-travel (~12% of frame) velocity matching via mirrored power4 eases, the Z scale-sign rule, size-scaled blur (10px text / 18-20px full-frame), word-by-word staggered cuts, cascade pacing by element weight, and the 10/65/25 slide ratio. Read before authoring any transition, text-beat handoff, kinetic text entry, or group reposition. [depth, zoom, inverse-zoom, scale-sign, mirrored-zoom, rack-focus, pacing, velocity, cut-the-curve, waterfall, stagger, cascade, kinetic-text, title-card, segment-opener, nudge, slide, easing, group-motion, z-depth, motion-graphics, cinematic, transition, blur, directional-continuity]

Drama2557/4RealDigital-Video-Studio

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.

Drama2557/4RealDigital-Video-Studio

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.

Drama2557/4RealDigital-Video-Studio

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.

Drama2557/4RealDigital-Video-Studio

Use the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play, present, beats, keyframes, single or batch render, publish, cloud, cloudrun, feedback, lambda, doctor, browser, info, upgrade, skills, compositions, docs, benchmark, telemetry, transcribe, auth, tts, and remove-background. Also use when diagnosing build or render failures. validate, inspect, and layout are deprecated aliases; use check. Covers local, HeyGen-hosted cloud, AWS Lambda, and Google Cloud Run rendering.

Drama2557/4RealDigital-Video-Studio

The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Also covers Tailwind projects and the STORYBOARD.md / SCRIPT.md plan formats. Read before writing composition HTML.

Drama2557/4RealDigital-Video-Studio

Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.

Drama2557/4RealDigital-Video-Studio

Install, discover, and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add or hyperframes catalog, installing one item or every block matching a tag, wiring an installed item into index.html, or working with hyperframes.json. Covers discovery, install locations, block sub-composition wiring, component snippet merging, and authoring a new block or component to contribute upstream (idea → scaffold → validate → PR).

Drama2557/4RealDigital-Video-Studio

Agent Media OS, the single skill for every media need in a HyperFrames project. Resolve BGM, SFX, image, icon, brand logo, voice, color grade, or LUT into a frozen local file or paste-ready block + ledger record (one verb, `resolve`); generate via TTS / music / image models when the catalog misses; produce voiceover, transcription, captions, and background removal through one shared audio engine; operate on media (cut / reframe / transform); and reuse assets across projects. Also use for vague feedback that real footage looks dark, flat, boring, should feel retro/camcorder/print/ASCII, needs privacy, or needs a media reveal.

Drama2557/4RealDigital-Video-Studio

GATEWAY — load FIRST before composing any HyperFrames animation or video. The high-level motion law that makes a multi-scene video feel like ONE continuous camera move instead of a stack of independently-animated slides. Covers the vector law (how you exit determines how you enter, incl. the Z scale-sign rule), the film's current, carrier elements, causal motion, the Seam Gate (build-gate enforcement), the ban on idle wobble (motion must PERFORM, not breathe), stillness-before-climax, and the sustained-motion routes. Routes to the low-level technique skills (cut-the-curve — the full catalog incl. waterfall entry + nudge curve, oversized-cursor, seam-craft). These rules SUPERSEDE generic / upstream motion guidance. [continuity, direction, vector, momentum, seam, transition, ease, performance, idle-motion, narrative-motion, film-grammar]

Drama2557/4RealDigital-Video-Studio

A short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand lockup, lower-third / callout / social overlay, animated map (highlight regions, connect places, zoom to a location), animated tweet / news-article / headline, webpage / UI animation (scroll, cursor, callouts), or fusing a real image's geometry into a chart. Usually under 10s (up to ~30s), no narration or live-action subject; renders to MP4 or transparent overlay. Longer / narrated / multi-scene → /general-video. Unclear → /hyperframes.

Drama2557/4RealDigital-Video-Studio

Turn a music track (an audio file, a video to pull audio from, or a track generated from a mood brief) into a beat-synced video — lyric video, slideshow, or kinetic promo. The music drives all pacing; any user-supplied images/videos are cut onto the same beat grid, and a complete video needs zero assets. Narrated pieces → the input-matched workflow (see /hyperframes). Unclear → /hyperframes.

Drama2557/4RealDigital-Video-Studio

House-style oversized macOS cursor technique for HyperFrames launch videos. Load whenever a scene involves cursors or a pointer-led action, when kicking off a UI scene, when igniting a morph/transition/typing run with a click, or when a scene reads as static, dead, or stale and needs a cheap high-yield source of motion to carry the viewer's eye and segment them out of the stale state. Covers cursor size/look (incl. brand-motif cursors), the off-screen entry law, tip-targeting and the click tap, click-ignites-the-next-beat, and exit / cross-scene handoff.

Drama2557/4RealDigital-Video-Studio

Turn a GitHub pull request (a PR URL, owner/repo#N, or 'this PR' in a checked-out repo) into a code-change explainer video — changelog, feature reveal, fix, or refactor walkthrough built from the diff, commits, and files: the input is a code change, not a website. Not a product promo (/product-launch-video) or a no-PR topic explainer (/faceless-explainer). Unclear → /hyperframes.

Drama2557/4RealDigital-Video-Studio

Render-correctness doctrine for scene-to-scene seams in HyperFrames launch videos — the prerequisites that make transitions composite correctly on the master timeline. Load when assembling the master timeline / index.html, when a white flash appears at a cut or crossfade seam (especially on dark films), when reasoning about why a transition opacity dip shows through, or when verifying the render-side mechanics of how overlapping scene wrappers blend. Covers the opaque stage-ground (#root background) white-flash guard and how the injector overlaps wrappers, holds final frames, ping-pongs tracks, and stamps lint-clean template code onto the master timeline. Does NOT contain the per-transition catalog — see the transition registry for individual transition entries.

Drama2557/4RealDigital-Video-Studio

Author a HyperFrames slideshow — a presentation, pitch deck, or interactive deck with discrete slides, fragment reveals, branching, hotspot navigation, and built-in presenter mode with speaker notes; also converts an existing page into a deck. Output is a navigable deck, not a rendered MP4. If the user didn't explicitly ask for a slideshow, confirm before authoring. Unclear → /hyperframes.

Drama2557/4RealDigital-Video-Studio

Package an existing talking-head / interview / podcast video with timed, designed GRAPHIC OVERLAY cards — kinetic titles, lower-thirds, data callouts, quotes, side panels, picture-in-picture — synced to the transcript, on a 16:9 / 9:16 / 4:5 canvas of your choice; the clip plays untouched underneath. Trigger on "graphic overlays", "on-screen graphics", "package / dress up my video". Not plain subtitles (/embedded-captions). Unclear → /hyperframes.

Drama2557/4RealDigital-Video-Studio

Agent skill / project related to launch or product demo video: Drama2557/4RealDigital-Video-Studio

Skills relacionados