Source

heygen-com/hyperframes

58 skills · 14.2M combined installs

Skills from this source

#

Skill

Source

8W Activity

Installs

hyperframes-cli Use the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare,…

heygen-com/hyperframes

hyperframes Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, …

heygen-com/hyperframes

media-use Agent Media OS, the single skill for every media need in a HyperFrames project. Resolve BGM, SFX, image, icon, brand …

heygen-com/hyperframes

hyperframes-animation All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broad…

heygen-com/hyperframes

hyperframes-registry Install, discover, and wire registry blocks and components into HyperFrames compositions. Use when running hyperframe…

heygen-com/hyperframes

hyperframes-core The HyperFrames composition contract — build one renderable project.

heygen-com/hyperframes

hyperframes-creative Non-animation creative direction for HyperFrames videos.

heygen-com/hyperframes

hyperframes-keyframes Use when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe, Ken Burns treatment, camera move, visu…

heygen-com/hyperframes

general-video Author or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: compan…

heygen-com/hyperframes

hyperframes-audio Use when audio already placed in a HyperFrames composition needs to be mixed: fade-in/fade-out, crossfade, track gain…

heygen-com/hyperframes

product-launch-video Turn a product or marketing URL, pasted script, or brief into a product launch / promo video — SaaS promos, feature r…

heygen-com/hyperframes

faceless-explainer Turn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or foot…

heygen-com/hyperframes

motion-graphics A short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hi…

heygen-com/hyperframes

remotion-to-hyperframes Port an existing Remotion (React) composition''s source to HyperFrames HTML. Use ONLY on an explicit ask to port/conv…

heygen-com/hyperframes

embedded-captions Add captions or subtitles to an existing single-subject talking-head video without editing the footage. Use for plain…

heygen-com/hyperframes

pr-to-video Turn a GitHub pull request (a PR URL, owner/repo#N, or 'this PR' in a checked-out repo) into a code-change explainer …

heygen-com/hyperframes

music-to-video Turn a music track (an audio file, a video to pull audio from, or a track generated from a mood brief) into a beat-sy…

heygen-com/hyperframes

talking-head-recut Package an existing talking-head / interview / podcast video with timed, designed GRAPHIC OVERLAY cards — kinetic tit…

heygen-com/hyperframes

hyperframes-studio Use when working with a person on a HyperFrames project in Studio: first, whether their message asks for a change at …

heygen-com/hyperframes

slideshow Author a HyperFrames slideshow — a presentation, pitch deck, or interactive deck with discrete slides, fragment revea…

heygen-com/hyperframes

figma Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections …

heygen-com/hyperframes

hyperframes-media Audio and media assets for HyperFrames compositions, produced by one shared audio engine (`scripts/audio.mjs`) — mult…

heygen-com/hyperframes

website-to-video Capture a general website/URL and turn it into a video OF the site — tour, showcase, or social clip built from captur…

heygen-com/hyperframes

gsap GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (g…

heygen-com/hyperframes

website-to-hyperframes Capture a website and create a HyperFrames video from it. Use when: (1) a user provides a URL and wants a video, (2) …

heygen-com/hyperframes

css-animations CSS animation adapter patterns for HyperFrames. Use when authoring CSS keyframes, animation-delay based timing, anima…

heygen-com/hyperframes

tailwind Tailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions. Use when scaffolding or editing projects cre…

heygen-com/hyperframes

animejs Anime.js adapter patterns for HyperFrames. Use when writing Anime.js animations or timelines inside HyperFrames compo…

heygen-com/hyperframes

three Three.js and WebGL adapter patterns for HyperFrames. Use when creating deterministic Three.js scenes, WebGL canvas la…

heygen-com/hyperframes

lottie Lottie and dotLottie adapter patterns for HyperFrames. Use when embedding lottie-web JSON animations, .lottie files, …

heygen-com/hyperframes

waapi Web Animations API adapter patterns for HyperFrames. Use when authoring element.animate() motion, Animation currentTi…

heygen-com/hyperframes

motion-doctrine GATEWAY — load FIRST before composing any HyperFrames animation or video. The high-level motion law that makes a mult…

heygen-com/hyperframes

captions-overlay Overlay doctrine for the embedded-captions workflow — the caption MODEL (drop / rail / embed) and the rule that capti…

heygen-com/hyperframes

cut-the-curve The technique catalog: five velocity-matched SEAMS (zoom-through, INVERSE zoom-through, cut-the-curve, waterfall cut,…

heygen-com/hyperframes

seam-craft Render-correctness doctrine for scene-to-scene seams in HyperFrames launch videos — the prerequisites that make trans…

heygen-com/hyperframes

changelog-video Turn a weekly changelog .md into a finished branded changelog video (square 1080, ~45-60s, Annie VO, animated brand b…

heygen-com/hyperframes

oversized-cursor House-style oversized macOS cursor technique for HyperFrames launch videos. Load whenever a scene involves cursors or…

heygen-com/hyperframes

contribute-catalog Author a new HyperFrames registry block (caption style, VFX block, transition, lower third) or component (text effect…

heygen-com/hyperframes

typegpu TypeGPU and raw WebGPU adapter patterns for HyperFrames. Use when creating GPU-rendered compositions with TypeGPU, ra…

heygen-com/hyperframes

graphic-overlays Package an existing talking-head / interview / podcast video by layering timed, designed GRAPHIC OVERLAY cards onto t…

heygen-com/hyperframes

cuboid-carousel A chain of bevelled cuboids rides a travelling wave as a content carousel. HyperFrames block, 1920×1080, 6.6666666666…

heygen-com/hyperframes

code-slice-hero A tiled headline surface flips cell by cell under a sweeping depth field to reveal the rear headline. HyperFrames blo…

heygen-com/hyperframes

glass-shard-title Glass shards fly in through fog and tile themselves into the headline. HyperFrames block, 1920×1080, 12.16s, 19 varia…

heygen-com/hyperframes

canopy-part-title Leaves sweep through the frame and part to reveal the headline. HyperFrames block, 1920×1080, 12s, 11 variables.

heygen-com/hyperframes

wireframe-portal-title A wireframe portal bursts open, the title comes through, then its letters swap into a second phrase. HyperFrames bloc…

heygen-com/hyperframes

orbit-card A single feature card orbits a dot sphere on approved Blender camera motion. HyperFrames block, 1920×1080, 10s, 4 var…

heygen-com/hyperframes

frost-sequence-camera-orbit An orbiting camera follows an ice logo as it breaks apart, reforms into two text moments, and fades. HyperFrames bloc…

heygen-com/hyperframes

hyperframes-read-first START HERE for any request to make, create, generate, edit, animate, or render a video, animation, motion graphic, ex…

heygen-com/hyperframes

claude-design-hyperframes Use when running inside Claude Design specifically. Produces a valid, brand-accurate HyperFrames video draft using pr…

heygen-com/hyperframes

hyperframes-compose Create video compositions, animations, title cards, or overlays in HyperFrames HTML. Use when asked to build any HTML…

heygen-com/hyperframes