All skills
heygen-com avatar

/vox-explainer

@cddf0e6

Create a 60–90 second, collage-style HyperFrames explainer from a hiding-in-plain-sight topic or supplied documents and links. Use for requests such as 'make a plain-sight explainer', 'Vox-style history of X', 'why is X everywhere?', or 'turn this document into an explainer'. Covers topic or source routing, research, script, static design approval, voiceover timing, motion continuity, build, and numeric quality gates.

Use this Skill: https://skilld.dev/gh/heygen-com/hyperframes-community-skills/vox-explainer

This session only. Nothing lands on disk.

referencesvox-text-overlays.md

≈673 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Vox Text Overlays

On-screen words are scarce. Each one does exactly one of three jobs or gets cut: (1) drive the eye — ≤3-word anchor + arrow; (2) carry ONE promoted sentence per act — the open loop, staircased; (3) name things — credits, labels, reveals. Never caption the VO in display type; the rail does that.

Highlights animate ON — global rule, no exceptions

The motion of marking is the meaning; a hard-appear reads as pre-printed.

  • Yellow text highlight: bar sweeps L→R behind the words. background-image: linear-gradient(#FFE619,#FFE619); background-repeat: no-repeat; tween backgroundSize "0% 100%" → "100% 100%", ~0.4s, stepEase-quantized.
  • Extend-then-type (the measured source move): the bar grows in steps LEADING the letters by ≤1 step; letter groups toggle in behind it.
  • Hand-drawn circles/ellipses: stroke draws on via stroke-dasharray/dashoffset tween, ~0.4s.
  • Underlines run L→R. Lower-third role chips with highlight fills count as highlights and sweep too.
  • Gate: grep the comp for .hl, #FFE619, and stroked ellipses — every hit needs an on-animation.

Anchors and arrows

  • Anchor = bold small-caps ≤3 words ("THIS FONT", "THAT'S HER", "THIS WORD"), paired with a curved 2-3-step drawn arrow whose TIP touches the subject.
  • An arrow without text has no point — always label it.
  • Show-before-tell: when the VO is slow to arrive, the anchor may land ~1-1.5s BEFORE its words are spoken; reactions may lead causes slightly, never lag them.

Promoted sentences (staircase text)

One per act, maximum. Staircase layout across 2-3 lines; words step in fast on their own cadence (do NOT wait for slow VO); mixed per-line treatments (letterspaced on a newsprint strip / plain heavy / pencil-underlined / highlight-typed). The whole block settles 1.24→1.0 stepEase power2.out over the beat.

Credit slot

Left-margin, right-aligned: process-blue bold line (#66CFFF) over a small black caps line. Used for photo credits, nicknames, sign callouts, editor credits — same slot every time so the eye knows where names live.

Caption rail

Quiet verbatim rail: 30px 600-weight #222, bottom-center (y≈980), white glow for dark/blue sections, single-frame HARD cuts between cues (no fades). Caption the PERFORMED read verbatim. Suppress cues wherever a promoted sentence already carries those words on screen. If only part of a cue is promoted, split the cue at a phrase boundary and suppress only the duplicated part. Display conventional spellings such as 1868 or ATM while preserving the performed wording and timing. Keep other labels and credits out of the caption rail's bottom safe zone.

Source: SKILL.md on GitHub

2 warnings1mo3 checks · Risk SAFE
  • Gen Agent Trust Hub1mo

    The vox-explainer skill is a specialized toolset for creating college-style explainer videos using the HyperFrames framework. It includes a pipeline for research, scripting, and design, supported by Node.js scripts that automate animation code generation and visual continuity verification. The skill interacts with external resources by downloading vendor-owned packages via npx and fetching media assets from trusted public archives like Wikimedia and the Library of Congress. It operates locally, using a spawned Chrome instance for previews and verification.

  • Socket1mo

    1 alert: gptAnomaly

  • Snyk1mo

    Risk: MEDIUM · 2 issues

Signed by skilld at cddf0e6. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 6 days ago.

Activeupdated last month

README badge

README badge for heygen-com/hyperframes-community-skills/vox-explainer