contribute-catalog
Installation
Summary
Contribute a new caption style, VFX effect, transition, or reusable component to the public HyperFrames registry.
- Scaffolds blocks (full compositions with fixed dimensions) or components (reusable snippets) with required JSON metadata and HTML templates
- Enforces naming conventions, ID prefixing, and GSAP timeline patterns to prevent collisions in sub-compositions
- Validates linting, console errors, and formatting; generates preview snapshots and catalog documentation before shipping upstream
- Guides the full workflow from idea clarification through PR submission, including registry.json updates and hyperframes.dev publishing for reviewer preview
SKILL.md
Contribute to HyperFrames Registry
Guide the user from idea to merged PR for a new registry block or component.
Workflow
1. Clarify → 2. Scaffold → 3. Build → 4. Validate → 5. Preview → 6. Ship
Step 1: Clarify
Ask what they're building. The registry has two item types:
- Block (
registry/blocks/, typehyperframes:block) — a full standalone composition with fixed dimensions and duration. Caption styles, VFX effects, title cards, lower thirds. - Component (
registry/components/, typehyperframes:component) — a reusable snippet with no fixed dimensions or duration. CSS effects, text treatments, overlays that adapt to any composition size.
Then ask:
Explore more of GLSRM