Communitygithub.com

Diseño de Audio VYBE

Dirección de diseño sonoro y musical para videos VYBE / HyperFrames: selección de música según estado de ánimo y arco narrativo, colocación de efectos de sonido, dirección de locución y elección de proveedor (HeyGen, ElevenLabs, Kokoro, Gemini), ducking, niveles de sonoridad, edición sincronizada al ritmo y sincronización de subtítulos.

¿Qué es Diseño de Audio VYBE?

Este skill es una guía especializada para la dirección de audio en la producción de videos con las herramientas VYBE / HyperFrames. Está diseñado para ayudar a un agente de IA o a un desarrollador a tomar decisiones críticas de sonido: desde elegir si se necesita locución, diseñar el arco musical de la pieza, colocar efectos de sonido (SFX) en los momentos clave, hasta definir la mezcla final con objetivos de sonoridad (LUFS) y reglas de sincronización. El skill se apoya en documentación de referencia de VYBE, como `references/sound-design.md` y `vybe/references/audio-pipeline.md`, y proporciona tablas detalladas para seleccionar el proveedor de voz (HeyGen, ElevenLabs, Gemini TTS, Kokoro-82M) según la calidad, el costo o la privacidad, y para elegir música por estado de ánimo (cinemática, ambiental, electrónica, corporativa, etc.). Su propósito es resolver problemas comunes de audio en video: silencio, sonido de baja calidad, mezcla desordenada, falta de sincronía o selección inadecuada de proveedor de voz o música. Funciona en CLI a través de comandos como `vybe audio`, `npx hyperframes tts`, `npx hyperframes beats` y `vybe finalize`, y es ideal para flujos de trabajo automatizados con agentes de IA como Claude Code, Cursor o Codex.

Compatible con~Claude Code~Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/SJbuilds04/VYBE/tree/HEAD/skills/vybe-audio-design

Preguntar en tu IA favorita

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

Documentación

¿Qué hace Diseño de Audio VYBE?

El sonido es la mitad de la calidad percibida. Una imagen mediocre con buen sonido se percibe como costosa; una imagen excelente en silencio se siente inacabada.

La producción (generación, recuperación, cableado) la realiza vybe audio — consulte vybe/references/audio-pipeline.md. Este skill es la dirección: qué pedir y dónde va. Cargue references/sound-design.md para tablas de colocación de SFX.

Decida en este orden

  1. ¿Se necesita locución? Sí cuando el tema necesita explicación que la imagen no puede transmitir (videos explicativos, documentales, tutoriales) o el usuario lo solicitó. No para stings, texto cinético, piezas de ambiente, la mayoría de anuncios de menos de 20s. Por defecto: desactivado.
  2. Arco musical. Asigne la música a la historia: introducción (escasa) → construcción (capas que se añaden) → clímax (en la revelación/clímax) → resolución (en el CTA/título). Elija el tempo según la edición: tranquilo 70–95 BPM, seguro 100–115, enérgico 118–128.
  3. Colocación de SFX. Marque cada evento visible que merezca peso. Luego elimine la mitad. Deje espacio para la música.
  4. Mezcla. Voz arriba, música debajo, SFX entre medio — y duck la música debajo de la voz.

Voz

ProveedorCuándoNotas
HeyGen (Starfish)mejor calidad + marcas de tiempo nativas de palabrasnecesita inicio de sesión OAuth heygen o HEYGEN_API_KEY; subsidio gratuito mediante heygen auth login --oauth
ElevenLabsgran catálogo de voces, voces de marcaELEVENLABS_API_KEY; temporización de palabras mediante transcripción
Gemini TTSlocución dirigida con indicaciones de estilosolo elección explícita; GEMINI_API_KEY
Kokoro-82Mgratuito, sin conexión, privado, deterministanpx hyperframes tts; voces am_michael, bm_george, am_adam, af_sky, af_heart, bf_emma, af_nova; --speed 0.9–1.15

Escribir para voz: oraciones cortas, una idea cada una, ~150 ppm (2.5 palabras/s), números escritos como se hablan ("veintinueve horas"), sin texto en pantalla leído textualmente. Deje 0.3s de aire antes de cada línea y al menos 0.5s al final.

Música por estado de ánimo

Estado de ánimoCarácterAdecuado para
Orquestal cinematográficacrescendos, cuerdas graves, ascensores, golpesavances, espacio, revelaciones épicas
Tecnología ambientalpads, pulsos suaves, texturas vítreasciencia, IA, explicativos
Electrónica futuristabajo sintético, arpegios, 110–125 BPMcyberpunk, lanzamientos, tecnología
Corporativo edificantepiano + batería ligera, mayornegocios, SaaS, incorporación
Mínimapiano/pulso escaso, mucho espacioestilo Apple, lujo
Enérgicabatería potente, 120–128 BPMredes sociales, deportes, hype
Emocionallento menor → ascenso mayordocumental, historias, causas

Redacción de consulta de recuperación: estado de ánimo + instrumentación + energía + tempo, p. ej. "ambiente oscuro orquestal, construcción lenta, sin voces, 70 bpm". Nunca use pistas comerciales protegidas por derechos de autor; la base procedimental de VYBE es la alternativa sin conexión garantizada.

Objetivos de mezcla

CapaNivel
Voz−16 LUFS por línea (normalizado), la capa más fuerte
Música bajo la voz≈ −28 a −31 LUFS efectivo (duck a ~0.28 de la base)
Música sola≈ −18 LUFS base al volumen 0.8
SFXvolumen 0.3–0.5; los impactos pueden alcanzar un pico más alto durante un fotograma
Entrega final−14 LUFS integrado, ≤ −1 dBTP (lo realiza vybe finalize)

Reglas de sincronización

  • Los SFX caen en el fotograma del evento visual (impacto al aterrizar, no al despegar; el whoosh comienza ~0.1s antes de que el movimiento alcance su punto máximo; los ascensores terminan exactamente en el golpe).
  • Corte en los beats: npx hyperframes beats → mueva los límites de la escena a la cuadrícula.
  • Los subtítulos provienen de la transcripción o de las marcas de tiempo de HeyGen, nunca distribuidos uniformemente.
  • Verifique con npx hyperframes audio --dir composition --at <t>.

Individual skills in this repo

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

SJbuilds04/vybe-cinematic-3d

Deterministic Three.js / WebGL for HyperFrames videos — 3D scenes, particle systems, procedural geometry, product turntables, scientific models (molecules, planets, black holes), lighting rigs, camera paths and camera cuts, rendered frame-exactly from HyperFrames time. Use when a VYBE storyboard calls for 3D, depth, particles, space, a rotating product, a data sculpture, or when a Three.js layer renders black, flickers or differs between renders.

SJbuilds04/vybe-image-to-motion

Animate a still image into video. Analyzes the image, plans the motion, and picks the right technique — programmatic 2.5D (camera moves, depth-map parallax, subject/background layer separation, particles, fog, light) or AI image-to-video (Runway Gen-4.5 / Veo 3.1 / Kling 3.0, Luma Ray 3.2, Gemini Omni Flash) for organic motion like walking, faces, water or hair — then composes the result in HyperFrames with music, SFX and text. Use when someone supplies an image and asks to animate it, bring it

SJbuilds04/vybe-motion-design

Motion design craft for VYBE / HyperFrames videos — animation principles, easing and timing, choreography and staggering, scene transitions, camera movement, and visual effects (blur, glow, masks, grain, light leaks), written as seek-safe GSAP recipes. Use when designing or fixing how things move in a video — entrances, exits, transitions between scenes, camera moves, rhythm, or when motion feels generic, floaty, stiff or repetitive.

SJbuilds04/vybe-typography

Typography for motion — type systems, font pairing with bundled OFL fonts, scale and readability rules for video, kinetic typography techniques, per-letter/word animation, captions design and safe zones, in HyperFrames compositions. Use when choosing fonts, sizing or animating text in a VYBE video, building kinetic type or lyric videos, styling captions, or when text overlaps, clips, is unreadable or looks generic.

Skills relacionados