Communitygithub.com

SJbuilds04/vybe-audio-design

Sound design and music direction for VYBE / HyperFrames videos — choosing music by mood and arc, spotting sound effects to picture, voiceover direction and provider choice (HeyGen, ElevenLabs, Kokoro, Gemini), ducking, loudness targets, beat-synced editing and caption sync. Use when planning or fixing the audio of a video, when a video feels silent, cheap, cluttered or out of sync, or when choosing a voice or music provider.

What is vybe-audio-design?

vybe-audio-design is a Gemini CLI agent skill that sound design and music direction for VYBE / HyperFrames videos — choosing music by mood and arc, spotting sound effects to picture, voiceover direction and provider choice (HeyGen, ElevenLabs, Kokoro, Gemini), ducking, loudness targets, beat-synced editing and caption sync. Use when planning or fixing the audio of a video, when a video feels silent, cheap, cluttered or out of sync, or when choosing a voice or music provider.

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

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

VYBE Audio Design

Sound is half of perceived quality. A mediocre picture with great sound feels expensive; a great picture in silence feels unfinished.

Production (generation, retrieval, wiring) is done by vybe audio — see vybe/references/audio-pipeline.md. This skill is the direction: what to ask for and where it goes. Load references/sound-design.md for SFX spotting tables.

Decide in this order

  1. Is narration needed? Yes when the subject needs explanation the picture cannot carry (explainers, documentaries, tutorials) or the user asked. No for stings, kinetic type, mood pieces, most ads under 20s. Default: off.
  2. Music arc. Map music to the story: intro (sparse) → build (layers in) → peak (on the reveal/climax) → resolve (on the CTA/title). Choose tempo from the edit: calm 70–95 BPM, confident 100–115, energetic 118–128.
  3. SFX spotting. Mark every visible event that deserves weight. Then remove half. Leave room for the music.
  4. Mix. Voice on top, music beneath, SFX between — and duck music under voice.

Voice

ProviderWhenNotes
HeyGen (Starfish)best quality + native word timestampsneeds heygen OAuth login or HEYGEN_API_KEY; free allowance via heygen auth login --oauth
ElevenLabsbig voice catalog, brand voicesELEVENLABS_API_KEY; word timings via transcription
Gemini TTSdirected delivery with style promptsexplicit choice only; GEMINI_API_KEY
Kokoro-82Mfree, offline, private, deterministicnpx hyperframes tts; voices am_michael, bm_george, am_adam, af_sky, af_heart, bf_emma, af_nova; --speed 0.9–1.15

Writing for voice: short sentences, one idea each, ~150 wpm (2.5 words/s), numbers written as spoken ("twenty-nine hours"), no on-screen text read verbatim. Leave 0.3s of air before each line and at least 0.5s at the end.

Music by mood

MoodCharacterFits
Cinematic orchestralswells, low strings, risers, hitstrailers, space, epic reveals
Ambient technologypads, soft pulses, glassy texturesscience, AI, explainers
Futuristic electronicsynth bass, arps, 110–125 BPMcyberpunk, launches, tech
Corporate upliftingpiano + light drums, majorbusiness, SaaS, onboarding
Minimalsparse piano/pulse, lots of spaceApple-style, luxury
Energeticdriving drums, 120–128 BPMsocial, sports, hype
Emotionalslow minor → major liftdocumentary, stories, causes

Retrieval query wording: mood + instrumentation + energy + tempo, e.g. "dark ambient orchestral, slow build, no vocals, 70 bpm". Never use copyrighted commercial tracks; VYBE's procedural bed is the guaranteed offline fallback.

Mix targets

LayerLevel
Voice−16 LUFS per line (normalized), the loudest layer
Music under voice≈ −28 to −31 LUFS effective (duck to ~0.28 of bed)
Music alone≈ −18 LUFS bed at volume 0.8
SFX0.3–0.5 volume; impacts can peak higher for one frame
Final delivery−14 LUFS integrated, ≤ −1 dBTP (done by vybe finalize)

Sync rules

  • SFX land on the frame of the visual event (impact on landing, not on launch; whoosh starts ~0.1s before the move peaks; risers end exactly on the hit).
  • Cut on beats: npx hyperframes beats → move scene boundaries to the grid.
  • Captions come from transcription or HeyGen timestamps — never evenly spread.
  • Verify with 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.

Related Skills