Agent skill · creative production · aiskillstore
contribute-catalog
Author a new HyperFrames registry block (caption style, VFX block, transition, lower third) or component (text effect, overlay, snippet) and ship it as an upstream PR to the hyperframes repo. Use ONLY when the user wants to CONTRIBUTE to the public catalog — for in-project caption/transition authoring use the `hyperframes` skill, for installing existing registry items use the `hyperframes-registry` skill.
Why this skill is useful
Provides specific templates and structured workflows for creating and submitting HyperFrames registry components that the AI wouldn't reliably generate on its own.
What it needs
About 4k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Contribute to HyperFrames Registry Guide the user from idea to merged PR for a new registry block or component. Workflow Step 1: Clarify Ask what they're building. The registry has two item types: Block (registry/blocks/, type hyperframes:block) — a full standalone composition with fixed dimensions and duration. Caption styles, VFX effects, title cards, lower thirds. Component (registry/components/, type hyperframes:component) — a reusable snippet with no fixed dimensions or duration. CSS effects, text treatments, overlays that adapt to any composition size. Then ask: One-sentence description of the effect Visual reference (URL, screenshot, or description) Who uses this and when? Step 2: Scaffold Create the registry structure: For blocks: For components: Naming convention: Item name ID prefix Example IDs ---------------- --------- ---------------------- cap-hormozi hz hz-cg-0, hz-cw-3 cap-typewriter tw tw-cg-0, tw-ch-0-5 vfx-chrome vc vc-canvas Use a 2-3 letter prefix. ALL element IDs must use this prefix to avoid collisions in sub-compositions. registry-item.json for blocks: registry-item.json for components (no dimensions or duration): Step 3: Build Apply the correct template based on type. See templates.md for copy-paste starters. Caption blocks Non-negotiable caption rules: Font: 96px minimum for proportional fonts. 64-72px acceptable for monospace (wider characters need less size). Readability: -webkit-text-stroke: 2-3px OR multi-layer text-shadow Overflow: call window.hyperframes.fitTextFontSize() on every group Karaoke: highlight active word via tl.to(wordEl, { color/scale }, WORDS[wi].start) Hard kill: tl.set(groupEl, { opacity: 0, visibility: "hidden" }, g.end) on EVERY group Never use tl.from(el, { opacity: 0 }) at the same position as tl.set(el, { opacity: 1 }) — the from clobbers the set. Use tl.to instead. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/contribute-catalog