DansiDanutz/Video-Editor
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.
DansiDanutz/Video-Editor
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.
DansiDanutz/Video-Editor
Use when audio already placed in a HyperFrames composition needs to be mixed:
fade-in/fade-out, crossfade, track gain or volume, volume automation, ducking,
a music bed that fights a voiceover (voiceover carve), effects on a track
(EQ, compressor, limiter, gate, saturation, delay, reverb, chorus, phaser,
bitcrush), automation envelopes drawn on a track's volume or any effect
parameter, or one submix bus carrying a chain, a fader and an automation clock
for several tracks at once (`<hf-audio-group>`).
Don't use for sourcing or generating audio — finding BGM, SFX, or making a
voiceover is `/media-use`. Don't use for clip timing or track layout, which is
`/hyperframes-core`.
DansiDanutz/Video-Editor
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, timeline, history, 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.
DansiDanutz/Video-Editor
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. Read before writing composition HTML.
DansiDanutz/Video-Editor
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`.
DansiDanutz/Video-Editor
Use when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe,
Ken Burns treatment, camera move, visual match/whip handoff, or other seek-safe
2D/3D keyframes; also for GSAP, CSS keyframes, Anime.js, WAAPI, FLIP, paths,
masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics.
Don't use for broad scene strategy, brand design, media sourcing, captions, or
general video planning.
DansiDanutz/Video-Editor
Search, install, and wire registry blocks and components into HyperFrames compositions. Use BEFORE hand-building any named visual — whenever a brief, a user, or a storyboard names a look, effect, treatment, or transition such as CRT scanlines, glitch, chromatic aberration, film grain, a shimmer sweep, a chart, a code or terminal window, a map, or a confetti burst — because roughly 400 hosted items already cover many of them and the search ranks all of them with nothing installed, no project, and no account. Also 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).
DansiDanutz/Video-Editor
Mandatory entry point: read this first for any request to make, create, edit, animate, or render a
video, animation, or motion graphic, including a promo, explainer, captioned clip, title card,
overlay, slideshow or interactive deck, Remotion port, or any HyperFrames HTML composition. Also
use it to inspect, diagnose, validate, preview, publish, or batch-render an existing HyperFrames
project. Inputs may be a website URL, GitHub PR, Figma design or URL, text or brief, existing
footage, or music. It resumes project state, captures intent when applicable, selects and installs
the owning workflow, and routes domain capabilities. HyperFrames is the default output framework
unless the user explicitly chooses another framework for the deliverable or asks only to record a
browser session.
DansiDanutz/Video-Editor
Use when building or editing a HyperFrames project that people open in
Studio: how the timeline should be laid out so it reads well (one caption
track, one element kind per track, every scene a sub-composition) and where
captions and key content may sit (safe zones). Don't use for how to perform an
individual edit (split, trim, retime, volume, copy, swap): that is
`creator-editing-recipes.md` in `/hyperframes-core`.
DansiDanutz/Video-Editor
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.
DansiDanutz/Video-Editor
Turn a product or marketing URL, pasted script, or brief into a product launch / promo video — SaaS promos, feature reveals, product demos, app and company launches. Use when the user wants to market, launch, promote, or reveal a product; the default for any commercial URL. Site tours / showcases of a website route here too — the brief carries the show-it-as-is intent. Unclear → /hyperframes.
DansiDanutz/Video-Editor
AI-assisted video editing workflows for cutting, structuring, and augmenting real footage. Covers the full pipeline from raw capture through FFmpeg, Remotion, ElevenLabs, fal.ai, and final polish in Descript or CapCut. Use when the user wants to edit video, cut footage, create vlogs, or build video content.