From 6d9670fd589e247592ccc9eb3fefe1cc1377702c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Miguel=20=C3=81ngel?= Date: Wed, 20 May 2026 01:38:04 -0400 Subject: [PATCH] docs(skill): add pre-built caption component catalog to captions reference Move catalog references from SKILL.md (reverted) into captions.md where they're contextually relevant. Adds a table of all 15 caption components with style descriptions and use-case guidance, plus CLI commands for browsing and installing. --- skills/hyperframes/references/captions.md | 29 +++++++++++++++++++++++ 1 file changed, 29 insertions(+) diff --git a/skills/hyperframes/references/captions.md b/skills/hyperframes/references/captions.md index 791d411f9..ee1b4953d 100644 --- a/skills/hyperframes/references/captions.md +++ b/skills/hyperframes/references/captions.md @@ -117,6 +117,35 @@ GROUPS.forEach(function (group, gi) { tl.seek(0); ``` +## Pre-Built Caption Components + +Before building caption styles from scratch, check the registry — 15 ready-to-use caption components cover the most common styles. Install with `npx hyperframes add ` and use as a sub-composition via `data-composition-src`. + +```bash +npx hyperframes catalog --tag caption-style # list all caption components +npx hyperframes add caption-highlight # install a specific one +``` + +| Style | Component | Best for | +| ------------------------- | ---------------------------- | ---------------------------- | +| TikTok-style highlight | `caption-highlight` | Social, high-energy | +| Karaoke pill | `caption-pill-karaoke` | Music, lyric videos | +| Cinematic editorial | `caption-editorial-emphasis` | Documentary, storytelling | +| Glitch / cyber | `caption-glitch-rgb` | Tech, gaming | +| Full-screen slam | `caption-kinetic-slam` | Hype, announcements | +| Neon glow | `caption-neon-glow` | Night, club, neon aesthetics | +| Neon accent (multi-color) | `caption-neon-accent` | Colorful, playful | +| Wipe reveal | `caption-clip-wipe` | Clean, modern | +| Gradient fill | `caption-gradient-fill` | Vibrant, eye-catching | +| Matrix decode | `caption-matrix-decode` | Sci-fi, tech reveals | +| Emoji pop | `caption-emoji-pop` | Social, casual | +| Parallax layers | `caption-parallax-layers` | Depth, cinematic | +| Particle burst | `caption-particle-burst` | Celebration, impact keywords | +| Lava texture | `caption-texture` | Bold, dramatic | +| Weight shift | `caption-weight-shift` | Elegant, typographic | + +Browse all with previews: [hyperframes.heygen.com/catalog](https://hyperframes.heygen.com/catalog) + ## Further References - [dynamic-techniques.md](dynamic-techniques.md) — karaoke, clip-path reveals, slam words, scatter exits, elastic, 3D rotation