Skip to content
cccskills

HeyGen

@heygen-com

Organization

58 skills7 repositories 69.7K

Repositories

Skills (58)

Refine in search

cut-the-curve

FreeSummary

Design scene transitions and animated text using matched movement direction and speed across cuts. The catalog provides concrete settings for zooms, blur, word-by-word transitions, staggered entrances, and repositioning groups of elements.

  • Connect scenes with matching motion
  • Transition between headlines word by word
  • Bring title elements in with staggered timing
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

Find reusable visual effects, charts, titles, and other video elements, then install and integrate them into HyperFrames compositions. It explains how to place standalone scenes on a timeline and merge smaller effect snippets into existing HTML.

  • Find and add a title effect or transition
  • Integrate charts, maps, or terminal visuals into a video
  • Install multiple video blocks sharing a tag
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

hyperframes

FreeSummary

Start video and animation work by matching the request and project state to an appropriate HyperFrames workflow. It coordinates new productions, edits, captions, previews, validation, and rendering, using HTML files to define the video.

  • Create a product video from a website or brief
  • Add captions or graphic overlays to existing footage
  • Resume editing an existing HyperFrames project
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

slideshow

FreeSummary

Create navigable HyperFrames presentations with step-by-step reveals, clickable branches, and speaker notes. You can also turn an existing page into a deck while preserving its visual design, motion, and interactive behavior.

  • Build a pitch deck with speaker notes
  • Reveal key points one step at a time
  • Open supporting slides through clickable areas
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

oversized-cursor

FreeSummary

Design oversized cursor animation for HyperFrames launch videos. Guide viewers toward interface actions, make clicks trigger the next animation, and connect scenes through deliberate pointer movement, with guidance on size, appearance, entry, targeting, and exit.

  • Guide attention through a product interface video
  • Trigger typing or transitions with a click
  • Add purposeful movement to a static scene
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

media-use

FreeSummary

Find, generate, and prepare media for HyperFrames projects, saving assets locally with records for reuse. Covers images, music, voiceovers, transcription, captions, background removal, media edits, and visual treatments such as color correction or retro styling.

  • Find and save images, music, and sound effects
  • Produce voiceovers, transcripts, and captions
  • Correct dark footage or apply retro styling
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

Mix audio already placed in HyperFrames compositions. Adjust fades, volume changes, and effects; reduce music frequencies that compete with speech; and apply shared processing to multiple tracks through a group with common volume controls.

  • Make narration easier to hear over background music
  • Add fades and crossfades to placed audio
  • Balance uneven voice levels and adjust tone
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

Add synchronized subtitles and text effects to an existing single-speaker video. Choose from 35 visual styles, including readable lower captions and words placed behind the person, with local transcription, subject cutout, previews, and final video compositing.

  • Add readable subtitles to an explainer video
  • Place an emphasized word behind the speaker
  • Create themed caption effects for social videos
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

hyperframes-core

FreeSummary

Build and validate HTML video projects in HyperFrames. It guides scene structure, clip timing, reusable sub-scenes, and audio and video placement, with rules that keep playback predictable and rendered frames consistent.

  • Build an HTML video project in HyperFrames
  • Set clip timing and arrange tracks
  • Combine reusable sub-scenes
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

motion-graphics

FreeSummary

Create short animated graphics for titles, statistics, charts, logos, maps, or web content. The workflow sources assets when needed, designs and checks the animation, then exports an MP4 or transparent overlay after preview approval.

  • Animating a short title or quote
  • Showing a statistic with a count-up or chart
  • Creating a logo reveal
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

general-video

FreeSummary

Create or edit custom HyperFrames videos, including multi-scene brand films, montages, title cards, and footage remixes. The workflow covers planning, design, media assembly, animation, checks, and a final preview for approval before rendering.

  • Create a multi-scene brand video
  • Reorder and trim existing footage
  • Build a static title card or loop
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

orbit-card

FreeSummary

Add a ten-second HyperFrames scene featuring a single feature card orbiting a sphere made of dots. Customize the title, description, accent color, and orbit angle while retaining the supplied camera movement and animation.

  • Introducing a product feature with a moving card
  • Adding a ten-second scene to a HyperFrames video
  • Matching a feature card's text and color to a project
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

Create an eight-second HyperFrames title animation with wireframe letters, shown as 3D outlines, emerging through a portal and changing into another phrase. Adjust transition timing, abruptness, glitch strength, depth fog, and accent color.

  • Create a video opening with 3D outline letters
  • Change a title into a second message
  • Adjust portal bursts and letter glitches
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

Create a 22.5-second ice animation in HyperFrames, with an orbiting camera following a logo that breaks apart and reforms into two text messages. Customize the SVG logo, wording, ice appearance, and shard movement.

  • Create an ice-themed logo animation
  • Present two messages in one continuous sequence
  • Adjust ice transparency, frost, and cracks
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

Guide the visual and storytelling choices for HyperFrames videos, including colors, fonts, composition, narration, and pacing. Use existing brand specifications or choose a visual style to give scenes a consistent look and rhythm.

  • Matching a video to existing brand guidelines
  • Choosing colors and fonts for a video
  • Planning the pacing of a multi-scene video
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

music-to-video

FreeSummary

Turn music into a lyric video, slideshow, or animated promo, timing visuals to beats or musical phrases. Use supplied photos and clips, or build with text and templates, then preview and render an MP4.

  • Creating a lyric video timed to a song
  • Turning photos and clips into a music-driven slideshow
  • Making an animated promo with text and templates
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

captions-overlay

FreeSummary

Plan subtitles as layers over a video, deciding which spoken phrases to omit, show normally, or emphasize behind the subject. The guidance preserves full-frame composition and limits large embedded words to occasional key moments.

  • Planning subtitles for a talking-head video
  • Choosing words to emphasize behind the subject
  • Centering a scene that carries subtitles
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

Create a 12-second title animation in HyperFrames, where sweeping leaves reveal two headlines. Customize typography, leaf counts, sweep speed, background color, and the breeze moving the leaves that remain on the text.

  • Create a nature-themed video opening
  • Reveal two headlines in sequence
  • Adjust leaf movement to suit a title
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

seam-craft

FreeSummary

Fix white flashes and blending problems between scenes in HyperFrames videos. This skill explains background setup, overlapping scene containers, final-frame holds, and timeline templates so transitions render with the intended appearance.

  • Fixing white flashes between dark scenes
  • Checking opacity dips during crossfades
  • Assembling the master timeline
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

pr-to-video

FreeSummary

Turn a GitHub pull request into a video explaining a feature, fix, refactor, or changelog. The workflow uses actual diffs, commits, and files to plan the story, show code excerpts, and produce an MP4.

  • Explain a new feature from its pull request
  • Show the code changes behind a bug fix
  • Walk through a refactor with actual excerpts
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

figma

FreeSummary

Bring Figma logos, brand colors, and components into HyperFrames as local assets and editable HTML. Reconstruct animation from storyboard states, with additional motion import options when a compatible connector or native export is available.

  • Import a Figma logo as a video asset
  • Apply brand colors across imported components
  • Turn a Figma frame into editable HTML
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

Build and review HyperFrames animations using motion recipes, scene templates, and transitions. Find guidance for seven animation runtimes, including GSAP and Three.js, and inspect existing scenes for timing gaps and inconsistent motion.

  • Combine motion recipes for text and shapes
  • Build scenes with several animation phases
  • Choose an animation runtime
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

code-slice-hero

FreeSummary

Add an eight-second HyperFrames headline animation where square tiles lift, tilt, and flip to reveal a second message. Customize both headlines and 18 settings covering tile size, sweep direction, timing, depth, bounce, and shadows.

  • Reveal a second headline through flipping tiles
  • Create an animated opening for a promotional video
  • Adjust tile depth and shadows to suit a design
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

Create a title animation where glass shards emerge through fog, assemble into a headline, and fly past the camera. Adjust the text, shard count, rotation, timing, and fog in a reusable HyperFrames video block.

  • Create a glass title sequence for a video
  • Adjust shard count and motion for a headline
  • Add a reusable title block to a HyperFrames project
heygen-com/hyperframes68.8KUpdated Oct 20, 2026

Is this your account? Link GitHub to bring it onto your creator page (Japanese)