Contribute Catalog
Walks you through shipping a new caption style, VFX effect, or reusable component to the public HyperFrames registry. You get a six step workflow from idea to merged PR: clarify what you're building (block vs component), scaffold the directory structure with proper naming conventions, build the HTML with GSAP timelines, validate with lint and render checks, preview on hyperframes.dev, then commit with all the required automation steps. The quality gate is strict because broken catalog entries waste everyone's time. If you're making captions for your own project, use the hyperframes skill instead. This one is only for contributing upstream.
- skills.sh installs
- 55.5K
- GitHub stars
- 81.8K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add heygen-com/hyperframes --skill contribute-catalog --agent claude-codeInstalls into .claude/skills of the current project.
Files
Walks you through shipping a new caption style, VFX effect, or reusable component to the public HyperFrames registry. You get a six step workflow from idea to merged PR: clarify what you're building (block vs component), scaffold the directory structure with proper naming conventions, build the HTML with GSAP timelines, validate with lint and render checks, preview on hyperframes.dev, then commit with all the required automation steps. The quality gate is strict because broken catalog entries waste everyone's time. If you're making captions for your own project, use the hyperframes skill instead. This one is only for contributing upstream.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/heygen-com/hyperframes
- Categories
- Frontend Development, Code Review & Quality, Release Management, Video & Audio Editing
- First seen
- May 16, 2026
More from heygen-com/hyperframes
All 44- Typegpu51K
- Reverse Any Video45.2K
- Style Sampling38.8K
- Graphic Overlays29.1K
- Hyperframes Read First2.4K
- Claude Design Hyperframes2K
- Hyperframes Cli1.5M
- Hyperframes1.5M
- Media Use1.4M
- Hyperframes Registry1.2M
- Hyperframes Animation1M
- Hyperframes Core931.1K
- Hyperframes Creative917.1K
- Hyperframes Keyframes754.8K
- Hyperframes Audio663.9K
- General Video661.7K
- Remotion To Hyperframes590.2K
- Product Launch Video539.3K
- Faceless Explainer522K
- Motion Graphics514.3K
- Slideshow496.1K
- Embedded Captions453.9K
- Hyperframes Studio451.6K
- Pr To Video449.2K
Recommended
More Frontend Development
better-uijakubkrehel/skillsDesign engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover stat45.8Kskills.sh installs
viteantfu/skillsVite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building li41.7Kskills.sh installsbetter-typographyjakubkrehel/skillsWeb typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, configuring variable fonts or OpenType feature40.5Kskills.sh installs
arrangepbakaus/impeccableImprove layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling o39.1Kskills.sh installs
expo-uiexpo/skillsFramework (OSS). Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android rendered from React in an Expo or React Native ap35.9Kskills.sh installs
firecrawl-website-design-clonefirecrawl/firecrawl-workflowsExtract any website's design system into an agent-ready DESIGN.md using Firecrawl scrape evidence. Use when the user wants colors, fonts, spacing, components, l33.5Kskills.sh installs