Communitygithub.com

4RealDigital-Video-Studio

HyperFrames 프로젝트를 위한 단일 미디어 OS: BGM, SFX, 이미지, 아이콘, 로고, 보이스, 컬러 그레이딩, LUT를 로컬 파일 또는 클립보드 블록으로 해결(resolve); TTS/음악/이미지 모델로 누락된 자산 생성; 음성 해설, 자막, 배경 제거 등 모든 미디어 작업을 하나의 엔진으로 처리.

4RealDigital-Video-Studio란 무엇인가요?

이 스킬은 HyperFrames 프로젝트에서 모든 미디어 요구사항을 단일 진입점(`resolve` 명령어)으로 처리하는 통합 미디어 OS입니다. BGM, SFX, 이미지, 아이콘, 로고, TTS 음성 해설, 컬러 그레이딩, LUT 등 모든 미디어 유형을 로컬 파일로 해결하거나, 카탈로그에 없는 경우 TTS/음악/이미지 생성 모델을 통해 자동 생성합니다. 또한 음성 해설, 자막, 배경 제거를 공유 오디오 엔진으로 처리하며, 기존 미디어 자르기/프레임 변경/변환 작업을 지원합니다. 특히 시각적 피드백(어둡다, 평범하다, 빈티지 느낌 등)을 미디어 인텐트로 해석하여 적절한 컬러 그레이딩 또는 효과 처리를 제안하는 지능형 워크플로우를 제공합니다. 한 번의 스캔으로 프로젝트에 부족한 미디어를 식별하고 구체적인 개선안을 제안하지만, 사용자 승인 없이 자동으로 변경하지 않습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Drama2557/4RealDigital-Video-Studio/tree/HEAD/.agents/skills/media-use

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

media-use

HyperFrames를 위한 미디어 OS: 해결(resolve) · 생성(generate) · 작업(operate) · 기억(remember) — 모든 미디어 유형을 하나의 스킬로, 제로 컨텍스트 노이즈.

첫 실행: heygen CLI를 설치하고 로그인(무료 사용 경로)한 후, node <SKILL_DIR>/scripts/resolve.mjs --doctor로 확인하세요. 설정 및 제공자: references/setup-providers.md.

해결(Resolve) — 하나의 동사

node <SKILL_DIR>/scripts/resolve.mjs --type <type> --intent "<description>" --project <dir>

한 줄 출력: resolved <id> → <path> (<type>, <metadata>). 모든 검색 노이즈는 디스크에 남습니다.

유형한 줄 설명
bgm배경 음악 (HeyGen 카탈로그, 10,000개 이상 트랙)
sfx음향 효과 (19파일 번들 라이브러리 + 카탈로그)
image사진, 배경 이미지 (HeyGen 자산 검색, 75,000개 이상 벡터)
icon아이콘, 심볼 (투명)
logo공식 브랜드 마크 (svgl → simple-icons → GitHub 아바타 → favicon 절대 다시 그리지 않음)
voiceTTS 음성 해설 (HeyGen 무료 사용 경로, 선택적 로컬 Kokoro)
grade측정 기반 보정 후보; 광범위한 다듬기/스타일화는 Media Treatments 참조
lut사용자 제공 또는 명시적으로 선택된 재사용 가능한 검증된 .cube 파일

새로 해결하기 전에 --candidates 플래그로 재사용 가능한 후보를 나열하고 직접 적합성을 판단하세요 — 재사용 규칙, 모든 플래그, 수집(--from), 채택에 대한 자세한 내용은 references/resolve.md를 참조하세요.

광범위한 시각적 피드백을 미디어 인텐트로 처리

사용자가 사진 미디어의 수정, 다듬기, 스타일화, 흐리게 처리, 강조, 공개를 명시적으로 요청하면, 컬러 그레이딩이나 효과 이름을 언급하지 않더라도 references/media-treatments.md를 읽으세요. 실제 <img>/<video>를 검사하고, 하나의 기본 인텐트를 선택한 후 결정론적 지속성과 검증을 사용하세요. 선택적 테스트 시드로 일치하는 레시피를 사용하거나 hyperframes media-treatment --capabilities --json을 검사한 후 --capability <id>로 관련 효과군을 요청하고 정식 컨트롤로 커스텀 트리트먼트를 조립하세요. 일반 편집 작업에서는 --all을 로드하지 마세요. 트리트먼트는 보정, 프리셋, 마무리, 호환되는 셰이더 효과, 지원되는 키프레임, 선택적 Registry 오버레이를 구성할 수 있습니다. 소스에 정당화된 범위 내 튜닝과 호환되는 부분만 추가하고, 단지 결과를 더 정교하게 보이게 하기 위한 효과는 추가하지 마세요. 최종 결합 페이로드는 hyperframes media-treatment로 지속하세요.

점진적으로 확장되는 워크플로우를 사용하세요. 비디오의 경우 개별 프레임을 읽는 대신 초기/중간/후반의 라벨이 지정된 콘택트 시트 하나를 검사하세요. 일반 보정 또는 다듬기의 경우 후보 하나를 적용하고 결과 시트를 하나 검사하세요. 결과가 모호하거나, 시간적이거나, 스타일화되었거나, LUT 기반이거나, HDR/LOG에 민감하거나, 비공개이거나, 브랜드에 중요한 경우에만 개별 프레임이나 움직이는 드래프트 증거로 확장하세요.

일반 보정 또는 다듬기의 경우 최종 트리트먼트의 프리셋/조정 JSON을 지속하세요. 노출, 그림자, 대비, 웜스만을 인코딩하기 위해 .cube LUT를 생성하지 마세요. 사용자가 LUT를 제공하거나 선택한 트리트먼트가 명시적으로 LUT를 소유하는 경우에만 LUT를 사용하세요. resolve --type grade --for ... --analyze는 측정 증거일 뿐, 선택한 트리트먼트를 생성된 LUT로 대체할 권한이 아닙니다. 지원되는 비네트, 그레인, 블러, 픽셀화, 색상, 트리트먼트 효과를 CSS/SVG 오버레이로 재현하지 마세요. 이는 Studio 컨트롤과 정식 미리보기/렌더 셰이더 경로를 우회합니다.

적극적으로 대응 — 미디어 기회 스캔 실행

사용자는 어떤 미디어가 작품을 향상시킬지 보통 알지 못합니다. 당신은 알 수 있습니다. 구성을 만들거나 검토할 때 한 번 근거 있는 스캔을 수행한 후 한 번만 질문하세요 — 자동으로 추가하지 말고, 자산마다 반복 요청하지 마세요.

구체적인 신호가 있을 때만 기회를 제시하세요:

감지된 신호제안
화면상 텍스트/스크립트가 있고 음성 해설이 없는 경우TTS 음성 해설 (오디오 엔진)
이모지 또는 아이콘처럼 스타일링된 <div>실제 icon 해결
플레이스홀더, 작거나 확대된 이미지더 나은 image (및/또는 업스케일 — references/operations.md 참조)
하드 컷/전환이 있고 소리가 없는 경우전환 sfx
~10초 이상 지속되는 부분에 배경 음악이 없는 경우bgm
노출 부족/과다 또는 색상 캐스트가 있는 영상보정 그레이드 (hyperframes media-treatment --selector '#hero' --analyze --json으로 검사)
시각적으로 평범하거나 주제와 무관해 보이는 사진 미디어하나의 특정 소스 적합 프리셋 또는 커스텀 트리트먼트, 의도된 대상 이름 포함
정적으로 느껴지는 중요한 미디어 등장/공개하나의 지원되는 시크-세이프 트리트먼트 애니메이션; 요청이 프리셋도 정당화하지 않는 한 색상 유지

도움이 되고 방해가 되지 않도록 하는 규칙: 근거 있고 일반적이지 않음 (신호 없음 → 제안 없음); 의견 제시 + 구체적 (기본값이 포함된 특정 수정안 제안 — 사용자는 전체 / 일부 / 없음 승인); 프로젝트당 한 번 (한 번에 통합 요청; "그대로 두기" 존중); 표면화하고 자동 변경하지 않음 (특히 컬러 그레이드: 제안하고 미리보기 — 그레이-월드 "보정"은 의도적인 일몰이나 네온 효과를 망칩니다).

찾아보기 — 작업에 필요한 파일만 읽기

작업읽을 파일
해결/재사용/채택/수집, 플래그, 캐스케이드, 인벤토리references/resolve.md
컬러 그레이딩, LUT, 스마트 그레이드(--for), 그레이드 비교references/grading.md
음성 해설/TTS, 음악, SFX, 캡션, 전사 (오디오 엔진)references/audio.md
기존 미디어 자르기/프레임 변경/변환, 정확한 에러 확산, HEVCreferences/operations.md
소스 인지 크리에이티브 트리트먼트, 실시간 효과, 오버레이, 공개references/media-treatments.md
설치 + 인증, 제공자 테이블, RAM 래더, --local-only, --providerreferences/setup-providers.md
저장된 환경설정 + 고정 레시피 (사용자 메모리)references/memory.md
소유권 매트릭스, 사용 통계, 텔레메트리, 개인정보 (유지보수자 대상)references/meta.md

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

Author or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion. Use for longer or multi-scene pieces, brand and sizzle reels, montages, static loops, static title cards, footage remixes, and freeform builds. Use motion-graphics instead for a short unnarrated motion-first unit, including an animated title. Route fresh creation through hyperframes before using this skill.

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

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

관련 스킬